当滚动条触及DIV底部时触发函数- jQuery

5lwkijsr 于 2023-10-17 发布在 jQuery

关注(0)|答案(2)|浏览(98)

我有一个在页面中间的div，当滚动条在DIV底部之前达到100px时，我需要触发一个函数。
我正在使用jQuery.

我玩了所有的组合，

$(window).scrollTop();
$(document).height()
$('div').height();

但我到不了那里
谢谢你的帮助。

jquery

来源：https://stackoverflow.com/questions/44509930/trigger-function-when-scrollbar-touches-a-div-bottom-jquery

2条答案

按热度按时间

v09wglhw1#

你可以用这个工作在jsfiddle

$(window).scroll(function() {
   var divTop = $('#yourDivId').offset().top,
       divHeight = $('#yourDivId').outerHeight(),
       wHeight = $(window).height(),
       windowScrTp = $(this).scrollTop();
   if (windowScrTp > (divTop+divHeight-wHeight-100)){
        alert('reached');
   }
});

赞(0）回复(0）举报 2023-10-17

sigwle7e2#

简单

function onEndedScrollbar(element, range = 50/* < 50 px fire */) {
    $(element).scroll(function (e) {
        let d = (e.target.scrollHeight) - (e.target.scrollTop + e.target.offsetHeight);
        if (d < 50) {
            /* do somthing */
        }
    });
}

赞(0）回复(0）举报 2023-10-17

我来回答

当滚动条触及DIV底部时触发函数- jQuery

2条答案

相关问题

热门标签

最新问答