码迷,mamicode.com
首页 > Web开发 > 详细

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

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

标签:技术   偏移量   获取   containe   color   nim   anim   off   image   

技术图片

 

 

 

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

标签:技术   偏移量   获取   containe   color   nim   anim   off   image   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!