jQuery操作滚动条

一、窗体滚动条

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;//元素相对文档左边偏移量

 

　　

 

转载于:https://www.cnblogs.com/hujiapeng/p/4911258.html