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. 机器学习笔记4-Tensorflow线性模型示例及TensorBoard的使用

    前言 在上一篇中,我简单介绍了一下Tensorflow以及在本机及阿里云的PAI平台上跑通第一个示例的步骤.在本篇中我将稍微讲解一下几个基本概念以及Tensorflow的基础语法. 本文代码都是基于A ...

  2. Node.js学习笔记（四）: 全局对象

    在浏览器 JavaScript 中,通常 window 是全局对象, 而 Node.js 中的全局对象是 global,所有全局变量(除了 global 本身以外)都是 global 对象的属性. 这 ...

  3. Js默认参数（多参数情况）

    js function example(settings) { var defaultSetting = { name: '小红', age: '30', sex: '女', phone: '1008 ...

  4. 阿里云云虚拟主机安装Z-BlogPHP

    简介 在阿里云买了一个云虚拟主机,叫共享虚拟主机普惠版,6 块钱一年.本着练习上手的目的,尝试在阿里云云虚拟主机上安装Z-BlogPHP,一个个人建站的CMS 系统. 云虚拟主机网页空间为200M,M ...

  5. Java中的集合框架（上）

    Java中的集合框架概述 集合的概念: Java中的集合类:是一种工具类,就像是容器,存储任意数量的具有共同属性的对象. 集合的作用: 1.在类的内部,对数据进行组织: 2.简单的快速的搜索大数据量的 ...

  6. linux下，文件的权限和数字对应关系详解

    命令 chmod ABC file 其中A.B.C各为一个数字,分别表示User.Group.及Other的权限. A.B.C这三个数字如果各自转换成由"0"."1&qu ...

  7. [51nod1407]与与与与

    有n个整数,问从他们中取出若干个数字相与之后结果是0的有多少组. 答案比较大,输出对于 1,000,000,007 (1e9+7)取模后的结果. Input 第一行输入一个整数n.(1<=n&l ...

  8. NEFU_117素数个数的位数

    题目传送门:点击打开链接 Problem : 117 Time Limit : 1000ms Memory Limit : 65536K description 小明是一个聪明的孩子,对数论有着很浓烈 ...

  9. linux（CENTOS）系统各个目录的作用详解

    Linux(CentOS)系统各个目录的作用详解 文件的类型 LINUX有四种基本文件系统类型:普通文件.目录文件.连接文件和特殊文件,可用file命令来识别. 普通文件:如文本文件.C语言元代码.S ...

  10. oracle存储过程的创建和使用

    创建存储过程: 格式:create or replace procedure procedure_name(参数 参数类型) Is/as 变量1 变量1的类型: begin ----------业务逻 ...