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. 【Docker】安装Docker及基本使用

    该文以CentOS系统为例,介绍Docker安装及基本使用.为了简化安装流程,Docker 官方提供了一套安装脚本,CentOS 系统上可以使用这套脚本安装: curl -sSL https://ge ...

  2. JAVA基础-File类

    一.File类概述 File类是文件和目录路径名的抽象表示形式.File类可以理解为一个文件路径或者文件夹路径的JAVA表现形式,而路径又可以分为绝对路径(是一个固定路径,从盘符开始),相对路径(相对 ...

  3. weui 中的tabbar导航

    最近做微信的服务号项目,用的weui作为主要的ui,但是对于用惯了ele ui的开发者来说,文档貌似有点不友好.真是很让人头疼! 所以结合着自己做的项目,随便写一点东西. 比如说,tabbar导航的切 ...

  4. Awesome-Link——我的积累、推荐和分享

    积累一些自己看过的比较好的技术博客.以后忘记了可以回过头来看,毕竟有些博客已经写的非常的好了.有些自己写的也会列举在上面.同时还包含一些好用的插件.工具.网站等等. github准备长期更新,欢迎st ...

  5. 2-Sat+输出可行解(个人模版)

    2-Sat+输出可行解: //LightOJ 1251 #include<stdio.h> #include<string.h> #include<vector> ...

  6. bzoj usaco 金组水题题解（2）

    续.....TAT这回不到50题编辑器就崩了.. 这里塞40道吧= = bzoj 1585: [Usaco2009 Mar]Earthquake Damage 2 地震伤害 比较经典的最小割?..然而 ...

  7. 树状数组-HDU1541-Stars一维树状数组 POJ1195-Mobile phones-二维树状数组

    树状数组,学长很早之前讲过,最近才重视起来,enmmmm... 树状数组(Binary Indexed Tree(B.I.T), Fenwick Tree)是一个查询和修改复杂度都为log(n)的数据 ...

  8. 利用nginx 虚拟主机、请求转发实现不同端口web访问

    一个服务器上挂一个网站实在是有点浪费:一个服务器上可以放多个网站:可以开启nginx的虚拟主机功能:利用访问的路径或者域名不同访问不同的文件夹:例如: 1.一台服务器上放多个网站使用nginx的配置文 ...

  9. Linux系统上安装JDK和Tomcat服务器

    一.安装JDK 1.查看当前Linux系统是否已经安装java  输入命令: rpm -qa | grep java 2.卸载两个openJDK  输入命令:rpm -e --nodeps 3.上传j ...

  10. Java学习笔记22---内部类之成员内部类的继承问题

    成员内部类可以继承其他的类,也可以被其它类继承,本文主要说明其它类继承成员内部类的问题. 本文要点如下: 1).成员内部类的子类可以是内部类,也可以不是内部类: 2).当成员内部类的子类不是内部类或子 ...