JS控制滚动条的位置：

window.scrollTo(x,y);

竖向滚动条置顶(window.scrollTo(0,0);

竖向滚动条置底 window.scrollTo(0,document.body.scrollHeight);

JS控制TextArea滚动条自动滚动到最下部

document.getElementById('textarea').scrollTop = document.getElementById('textarea').scrollHeight;

iframe中操作父级滚动条

window.parent.scrollTo(x,y);

注意：iframe中的地址和父级地址必须一致，就是要和父级在同一个文件夹

否则,js会报错

下面是通过javascript设置cookie记录滚动条位置

<HTML>

<HEAD>

<TITLE> 记录滚动条位置 </TITLE>

<script language="javascript">

function SetCookie(sName, sValue)

{

   date = new Date();

   s = date.getDate();

   date.setDate(s+1);    //设置cookie的有效期

   document.cookie = sName + "=" + escape(sValue) + "; expires=" + date.toGMTString();//创建cookie

}

function GetCookie(sName)

{

   var aCookie = document.cookie.split("; "); //将cookie中的数据切割成数组，方便遍历

   for (var i=0; i < aCookie.length; i++)      //遍历cookie中的数据

   {

   var aCrumb = aCookie[i].split("=");         //将键和值分开

   if (sName == aCrumb[0]) {                   //判断是否是指定的键

    return unescape(aCrumb[1]);}            //返回键对应的值

   }

   return null;

}

function winLoad()

{

   document.body.scrollLeft = GetCookie("scrollLeft");//获取水平滚动条位置

   document.body.scrollTop = GetCookie("scrollTop"); //获取垂直滚动条位置

}

function winUnload()

{

   SetCookie("scrollLeft", document.body.scrollLeft) //保存水平滚动条位置

   SetCookie("scrollTop", document.body.scrollTop)    //保存垂直滚动条位置

}

window.onload = winLoad;                               //加载页面时自动执行获取cookie保存值的方法

window.onunload = winUnload;                           //关闭页面时自动执行保存cookie的方法

</script>

</HEAD>

<BODY>

</BODY>

</HTML>

JQUERY控制滚动条位置

var scrollTop = $(window).scrollTop();

$(window).scrollTop(scrollTop);//保持滚动条距离底部0px
 

js设置滚动条位置的更多相关文章

  1. js 设置滚动条位置为底部

     if (document.getElementById("")) {             document.getElementById("").scro ...

  2. datawindow.net数据窗口卡片设置滚动条位置

    int pos = Convert.ToInt32(dw1.Describe(colname + ".y")); pos = pos - 40; dw1.Modify(" ...

  3. js设置滚动条定位到所属容器的最底部

    $('.help-gundongtiao').scrollTop($('.help-gundongtiao')[0].scrollHeight);

  4. js--获取滚动条位置，并实现页面滑动到锚点位置

    前言 这篇来记录下最近工作中遇到的一个问题,在app原生和前端h5混合开发的过程中,其中一个页面是选择城市列表的页面,类似于美团饿了么城市选择,银行app中银行列表选择,通讯录中快速定位到联系人选择的 ...

  5. C# datagridview 这是滚动条位置

    1.datagridview 设置 表格内容铺满,内容自动换行 dataGridView1.DefaultCellStyle.WrapMode = DataGridViewTriState.True; ...

  6. 原生JS滚动条位置处理

    // 滚动条位置 var scrollPosition = { // 位置 result: 0, // 监听位置 rememberPosition: function () { var type = ...

  7. JS控制滚动条的位置

    转载▼http://blog.sina.com.cn/s/blog_4481a3460100rwwu.html     JS控制滚动条的位置:window.scrollTo(x,y); 竖向滚动条置顶 ...

  8. richedit设置滚动条的位置和更新内容

    需要txt发现读者richedit的scrollbar位置(为了便于下一次读,直接访问与上次读取下一个读取位置)不值得治疗,采用GetScrollPos.SetScrollPos你可以设置scorll ...

  9. js获取滚动条的位置

    页面具有 DTD,或者说指定了 DOCTYPE 时,使用 document.documentElement. 页面不具有 DTD,或者说没有指定了 DOCTYPE,时,使用 document.body ...

随机推荐

  1. Java8函数式接口以及lambda表达式实践

    罗列一下遇到可以转换成lamada表达式的场景,仅供参考,如有更好的方式,欢迎在评论区留言. 1.计算订单总金额 订单总金额一般是在后台循环叠加每个购买商品的金额已获取到,通常的方式如下 BigDec ...

  2. springmvc json数据返回前台，中文乱码

    @ResponseBody@RequestMapping(value = "selectProvinces",produces = "text/json;charset= ...

  3. Centos搭建Docker环境

    安装Docker 安装Docker Docker 软件包已经包括在默认的 CentOS-Extras 软件源里.因此想要安装 docker,只需要运行下面的 yum 命令: yum install d ...

  4. 学习笔记-express路径问题

    在页面渲染成功之后,报错出现静态文件css样式引用路径出错,于是我就根据express api文档,托管静态文件作出修改,最后全是徒劳.于是我又从引用开始找起,<link rel="s ...

  5. bzoj 1084;vijos 1191 [SCOI2005] 最大子矩阵

    Description 这里有一个n*m的矩阵,请你选出其中k个子矩阵,使得这个k个子矩阵分值之和最大.注意:选出的k个子矩阵不能相互重叠. Input 第一行为n,m,k(1≤n≤100,1≤m≤2 ...

  6. JAVA获取客户端IP地址和MAC地址

    1.获取客户端IP地址 public String getIp(HttpServletRequest request) throws Exception { String ip = request.g ...

  7. webstorm中sftp远程调试配制

    sftp:secure file transfer protocol 文件安全传输协议 wb编辑代码,快速同步到远程 1.Tools -> Deployment -> Configurat ...

  8. haslib 模块

    一.模块简介 Python的hashlib提供了常见的摘要算法,如MD5,SHA1等等. 什么是摘要算法呢?摘要算法又称哈希算法.散列算法.它通过一个函数,把任意长度的数据转换为一个长度固定的数据串( ...

  9. input[type=file]样式更改以及图片上传预览

    以前知道input[type=file]可以上传文件,但是没用过,今天初次用,总感觉默认样式怪怪的,想修改一下,于是折腾了半天,总算是小有收获. 以上是默认样式,这里我想小小的修改下: HTML代码如 ...

  10. Sass之混合宏、继承、占位符

    1.混合宏. 当样式变得越来越复杂,需要重复使用大段的样式时,使用变量就无法达到我们目的了.这个时候混合宏就派上用场了. 而使用混合宏时,首先要声明混合宏,而声明混合宏时有两种,不带参数混合宏和带参数 ...