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

 

  

 

posted @ 2015-10-26 15:02  jiapeng  阅读(3694)  评论(0编辑  收藏  举报