jQuery操作滚动条
2015-10-26 15:02
639 查看
一、窗体滚动条
1、获取窗体滚动条当前纵向和横向位置
var currentY=$(document.body).scrollTop();//窗体滚动条纵向位置
var currentX=$(document.body).scrollLeft();//窗体滚动条横向位置
2、设置窗体滚动条到指定位置
var Y=想滚动到的垂直位置;
var X=想滚动到的水平位置;
$(window).scrollTop(Y);
$(window).scrollLeft(X);
二、元素内滚动条;比如操作页面内一id为dataDiv的div标签
1、获取div元素内滚动条位置
var currentY=$('#dataDiv').scrollTop();//div内滚动条纵向位置
var currentX=$('#dataDiv').scrollLeft();//div内滚动条横向位置
2、设置div内滚动条到指定位置
var Y=想滚动到的垂直位置;
var X=想滚动到的水平位置;
$('#dataDiv').scrollTop(Y);
$('#dataDiv').scrollLeft(X);
三、其他位置值
1、当前window可视内容区域高宽
window.innerHeight;//高
window.innerWidth;//宽
2、元素高宽以及相对于文档偏移量
$('#dataDiv').height();//元素高
$('#dataDiv').width();//元素宽
$('#dataDiv').offset().top;//元素相对文档顶部偏移量
$('#dataDiv').offset().left;//元素相对文档左边偏移量
1、获取窗体滚动条当前纵向和横向位置
var currentY=$(document.body).scrollTop();//窗体滚动条纵向位置
var currentX=$(document.body).scrollLeft();//窗体滚动条横向位置
2、设置窗体滚动条到指定位置
var Y=想滚动到的垂直位置;
var X=想滚动到的水平位置;
$(window).scrollTop(Y);
$(window).scrollLeft(X);
二、元素内滚动条;比如操作页面内一id为dataDiv的div标签
1、获取div元素内滚动条位置
var currentY=$('#dataDiv').scrollTop();//div内滚动条纵向位置
var currentX=$('#dataDiv').scrollLeft();//div内滚动条横向位置
2、设置div内滚动条到指定位置
var Y=想滚动到的垂直位置;
var X=想滚动到的水平位置;
$('#dataDiv').scrollTop(Y);
$('#dataDiv').scrollLeft(X);
三、其他位置值
1、当前window可视内容区域高宽
window.innerHeight;//高
window.innerWidth;//宽
2、元素高宽以及相对于文档偏移量
$('#dataDiv').height();//元素高
$('#dataDiv').width();//元素宽
$('#dataDiv').offset().top;//元素相对文档顶部偏移量
$('#dataDiv').offset().left;//元素相对文档左边偏移量
相关文章推荐
- js或jquery实现页面打印可局部打印
- jquery实现无刷新提交表单
- pietimer-基于jQuery的扇形定时器
- 强制360浏览器选用IE9内核,以便支持HTML5,jquery2.0
- jquery判断checked的三种方法:
- javaScript & jquery判断图片是否加载完毕
- 使用 jQuery Deferred 和 Promise 创建响应式应用程序
- mvc jquery ajax
- Jquery实现显示和隐藏的4种简单方式
- jquery reset form/submit form
- jQuery学习之旅 Item3 属性操作与样式操作
- jQuery学习之旅 Item3 属性操作与样式操作
- layer官方演示与讲解(jQuery弹出层插件)
- jQuery学习之旅 Item4 细说DOM操作
- jQuery学习之旅 Item4 细说DOM操作
- 夺命雷公狗jquery---19事件切换hover
- jquery.trim() vs JS.trim()
- jQuery中的HTML操作
- <<锋利的jQuery>>样例改进利用, html文本输入框得到与失去输入焦点的提示信息显示切换函数
- js和jquery中的事件委托