js设置滚动条位置
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设置滚动条位置的更多相关文章
- js 设置滚动条位置为底部
if (document.getElementById("")) { document.getElementById("").scro ...
- datawindow.net数据窗口卡片设置滚动条位置
int pos = Convert.ToInt32(dw1.Describe(colname + ".y")); pos = pos - 40; dw1.Modify(" ...
- js设置滚动条定位到所属容器的最底部
$('.help-gundongtiao').scrollTop($('.help-gundongtiao')[0].scrollHeight);
- js--获取滚动条位置,并实现页面滑动到锚点位置
前言 这篇来记录下最近工作中遇到的一个问题,在app原生和前端h5混合开发的过程中,其中一个页面是选择城市列表的页面,类似于美团饿了么城市选择,银行app中银行列表选择,通讯录中快速定位到联系人选择的 ...
- C# datagridview 这是滚动条位置
1.datagridview 设置 表格内容铺满,内容自动换行 dataGridView1.DefaultCellStyle.WrapMode = DataGridViewTriState.True; ...
- 原生JS滚动条位置处理
// 滚动条位置 var scrollPosition = { // 位置 result: 0, // 监听位置 rememberPosition: function () { var type = ...
- JS控制滚动条的位置
转载▼http://blog.sina.com.cn/s/blog_4481a3460100rwwu.html JS控制滚动条的位置:window.scrollTo(x,y); 竖向滚动条置顶 ...
- richedit设置滚动条的位置和更新内容
需要txt发现读者richedit的scrollbar位置(为了便于下一次读,直接访问与上次读取下一个读取位置)不值得治疗,采用GetScrollPos.SetScrollPos你可以设置scorll ...
- js获取滚动条的位置
页面具有 DTD,或者说指定了 DOCTYPE 时,使用 document.documentElement. 页面不具有 DTD,或者说没有指定了 DOCTYPE,时,使用 document.body ...
随机推荐
- 机器学习笔记4-Tensorflow线性模型示例及TensorBoard的使用
前言 在上一篇中,我简单介绍了一下Tensorflow以及在本机及阿里云的PAI平台上跑通第一个示例的步骤.在本篇中我将稍微讲解一下几个基本概念以及Tensorflow的基础语法. 本文代码都是基于A ...
- Node.js学习笔记(四): 全局对象
在浏览器 JavaScript 中,通常 window 是全局对象, 而 Node.js 中的全局对象是 global,所有全局变量(除了 global 本身以外)都是 global 对象的属性. 这 ...
- Js默认参数(多参数情况)
js function example(settings) { var defaultSetting = { name: '小红', age: '30', sex: '女', phone: '1008 ...
- 阿里云云虚拟主机安装Z-BlogPHP
简介 在阿里云买了一个云虚拟主机,叫共享虚拟主机普惠版,6 块钱一年.本着练习上手的目的,尝试在阿里云云虚拟主机上安装Z-BlogPHP,一个个人建站的CMS 系统. 云虚拟主机网页空间为200M,M ...
- Java中的集合框架(上)
Java中的集合框架概述 集合的概念: Java中的集合类:是一种工具类,就像是容器,存储任意数量的具有共同属性的对象. 集合的作用: 1.在类的内部,对数据进行组织: 2.简单的快速的搜索大数据量的 ...
- linux下,文件的权限和数字对应关系详解
命令 chmod ABC file 其中A.B.C各为一个数字,分别表示User.Group.及Other的权限. A.B.C这三个数字如果各自转换成由"0"."1&qu ...
- [51nod1407]与与与与
有n个整数,问从他们中取出若干个数字相与之后结果是0的有多少组. 答案比较大,输出对于 1,000,000,007 (1e9+7)取模后的结果. Input 第一行输入一个整数n.(1<=n&l ...
- NEFU_117素数个数的位数
题目传送门:点击打开链接 Problem : 117 Time Limit : 1000ms Memory Limit : 65536K description 小明是一个聪明的孩子,对数论有着很浓烈 ...
- linux(CENTOS)系统各个目录的作用详解
Linux(CentOS)系统各个目录的作用详解 文件的类型 LINUX有四种基本文件系统类型:普通文件.目录文件.连接文件和特殊文件,可用file命令来识别. 普通文件:如文本文件.C语言元代码.S ...
- oracle存储过程的创建和使用
创建存储过程: 格式:create or replace procedure procedure_name(参数 参数类型) Is/as 变量1 变量1的类型: begin ----------业务逻 ...