js设置滚动条位置

摘要:
JS控制滚动条的位置:window.scrollTo(x,y);垂直滚动条位于顶部(window.srollTo(0,0);垂直滚动条设置为底部窗口。scrollTo(0,document.body.sollHeight);JS控制TextArea滚动条自动滚动到最低的文档。getElementById('textarea')。scrollTop=文档。获取Eleme

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设置滚动条位置》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇将项目上传到giteeulimit 不生效下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Rhino -- 基于java的javascript实现

javascript引擎大家比较熟悉的应该是当前比较火的Chrome V8引擎。以快速闻名。v8基于c++开发。这里就不多阐述了。另外一个是 基于java的Rhino引擎,这个想来大家不是很了解。下面来简单介绍一下。 Rhino简介 (简介这部分是抄的) Rhino 是一种使用 Java 语言编写的 JavaScript 的开源实现,原先由Mozill...

动态加载JS函数

一般性的,当我们需要加载js文件的时候都会使用script标签来实现,类似于如下代码: 代码如下: <script type="text/javascript" src="http://t.zoukankan.com/example.js"></script> 但是直接使用script标签来加载js文件会有如下一些缺点: 1...

js基础(使用Canvas画图)

HTML5的元素提供了一组JavaScript API,让我们可以动态地创建图形和图像。 图形是在一个特定的上下文中创建的,而上下文对象目前有两种。第一种是2D上下文,可以执行原始的绘图操作, 比如: 设置填充、描边颜色和模式; 绘制矩形; 绘制路径; 绘制文本; 创建渐变和模式。 第二种是3D上下文,即WebGL上下文。WebGL是从OpenGLES...

js 二分查找法之每日一更

<!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html"/> <meta name="keywords" content="二分查找算法" />...

cookie的设置与销毁

<?php /* 2个参数设置cookie cookie随着浏览器的关闭,就失效了 */ setcookie('age',29); /* 下面我们让cookir多活一会 3个参数来设置cookie,第3个参数指的就是cookie的声明周期,以时间戳为单位 关掉浏览器后,可以对比出效果,age,关掉浏览器就失效 而s...

[AngularJS]项目框架搭建-MyFirst Skeleton

前文有提到过 做一个简单的订餐系统,最近花了点时间,了解了一下AngularJS框架的使用。因此本文的目的根据了解的知识重新搭建基于 AngularJS框架. 该框架是基于对于AngularJS的学习而制定的,这其中肯定有很多不足,在以后的学习中在加以改进。 一。系统准备 安装Node.js version>=0.10.0版本 Git Shell 并...