动力节点首页 全国咨询热线:400-8080-105

绑定手机号,登录
手机号

验证码

微信登录
手机号登录
手机号

验证码

微信登录与注册
微信扫码登录与注册

扫码关注微信公众号完成登录与注册
手机号登录
首页 > 文章

操作jQuery滚动条的方法

07-07 09:22 1204浏览
举报 T字号
  • 大字
  • 中字
  • 小字

窗体滚动条

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

动力节点在线课程涵盖零基础入门,高级进阶,在职提升三大主力内容,覆盖Java从入门到就业提升的全体系学习内容。全部Java视频教程免费观看,相关学习资料免费下载!对于火爆技术,每周一定时更新!如果想了解更多相关技术,可以到动力节点在线免费观看jQuery视频教程学习哦!

0人推荐
共同学习,写下你的评论
0条评论
代码小兵652
程序员代码小兵652

113篇文章贡献392215字

相关课程 更多>

作者相关文章更多>

推荐相关文章更多>

JavaWeb的3大组件

代码小兵49806-11 15:28

全面解析Cookie技术

代码小兵49806-11 15:51

浅谈JavaWeb架构演变

代码小兵49806-11 16:22

探讨Web开发中的Session存储与管理

代码小兵51603-29 17:28

JavaScript基础知识

 暴风城-小飞04-06 20:49

发评论

举报

0/150

取消