您的位置:首页 > Web前端 > JQuery

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

  
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: