首页 > Web开发 > 详细

JQuery元素滚动定位及获取元素的scrollTop,clientHeight,scrollHeight

时间:2020-05-27 20:20:46      阅读:94      评论:0      收藏:0      [点我收藏+]

技术分享图片

 

 

 

scrollHeight为滚动DIV的实际总体高度,获取方式为:$(obj)[0].scrollHeight

clientHeight为滚动DIV的可见高度,获取方式为:$(obj)[0].clientHeight

scrollTop为滚动DIV被卷去的上端高度,获取方式为:$(obj).scrollTop

offset为元素的偏移量,获取方式为:$(obj).offset().top

 

JQuery元素滚动定位

<div id="scroll">
    ...
    <div id="row8">...</div>
    ...
</div>

 

var container = $("#scroll");
var scrollTo = $("#row8");
var t = scrollTo.offset().top - container.offset().top + container.scrollTop();

container.animate({ scrollTop: t }, 500);

 

JQuery元素滚动定位及获取元素的scrollTop,clientHeight,scrollHeight

原文:https://www.cnblogs.com/kandyvip/p/12975858.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!