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. 开启 TLS 1.3 加密协议，极速 HTTPS 体验

    随着互联网的发展,用户对网络速度的要求也越来越高,尤其是目前在大力发展 HTTPS 的情况下,TLS 加密协议变得至关重要.又拍云在 HTTPS 的普及和性能优化上,始终做着自己的努力和贡献.2018 ...

  2. es6 模板字变量和字符串占位符

    开发者一直在寻找一种创建多行字符串的形式,但要使用单引号双引号字符串一定要在同一行才行. 老办法: 还有其他办法,虽然能实现,但是太啰嗦 es6模板自变量 使用反撇好(`)替换了单双引号 反撇好中的所 ...

  3. js 循环 常用方法

    $(function () { var num = ["1","2","3","4","5",&qu ...

  4. 一次Oracle宕机切换后产生ORA错误的处理过程

    问题背景 机房意外断电后Oracle主服务器启动失败,Oracle备机接管 为了安全,管理员对于数据库做expdp的逻辑备份.但备份时发现AttributeInstance表备份失败,提示ORA-01 ...

  5. RPC-非阻塞通信下的同步API实现原理，以Dubbo为例

    Netty在Java NIO领域基本算是独占鳌头,涉及到高性能网络通信,基本都会以Netty为底层通信框架,Dubbo 也不例外.以下将以Dubbo实现为例介绍其是如何在NIO非阻塞通信基础上实现同步 ...

  6. spring中Order注解

    Spring在加载Bean的时候,有用到order注解. PS:顾名思义,Order是顺序,此注解可操作于类.方法.字段,当作用在类时,值越小,则加载的优先级越高! @Retention(Retent ...

  7. Jfinal控制器源码解读

    本文对Jfinal的控制器源码做以下分析. PS:控制器是所有请求跳转的基础,本文就Jfinal控制器的继承关系及初始化的方法做出解释说明. 啰嗦下:所有的请求和响应都是都是通过web容器封装,我们主 ...

  8. dotnet core webapi +vue 搭建前后端完全分离web架构

    架构 服务端采用 dotnet core  webapi 前端采用: Vue + router +elementUI+axios 问题 使用前后端完全分离的架构,首先遇到的问题肯定是跨域访问.前后端可 ...

  9. HDU 2037 今年暑假不AC(贪心，区间更新,板子题)

    今年暑假不AC Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others) Total Su ...

  10. day1 基础

    1.python 简介 一.python简介 python的创始人为吉多·范罗苏姆(Guido van Rossum).1989年的圣诞节期间,吉多·范罗苏姆为了在阿姆斯特丹打发时间,决心开发一个新的 ...