如何通过JQuery将DIV的滚动条滚动到指定的位置

如何通过JQuery将DIV的滚动条滚动到指定的位置,第1张

这里有一个方法可以将DIV的滚动条滚动到其子元素所在的位置,方便自动定位。

复制代码

var container = $('div'),

scrollTo = $('#row_8');

containerscrollTop(

scrollTooffset()top - containeroffset()top + containerscrollTop()

);

// Or you can animate the scrolling:

containeranimate({

scrollTop: scrollTooffset()top - containeroffset()top + containerscrollTop()

});​

复制代码

  不需要任何JQuery插件即可完成所需的效果,非常好用!

$(document)ready(function (){

var nScrollHight = 0; //滚动距离总长(注意不是滚动条的长度)

var nScrollTop = 0; //滚动到的当前位置

var nDivHight = $("#div1")height();

$("#div1")scroll(function(){

nScrollHight = $(this)[0]scrollHeight;

nScrollTop = $(this)[0]scrollTop;

if(nScrollTop + nDivHight >= nScrollHight)

alert("滚动条到底部了");

});

});

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/12457077.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-23
下一篇2023-05-23

发表评论

登录后才能评论

评论列表(0条)

    保存