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

Question

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

我正在使用 jQuery。

我玩过所有组合

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

但我无法到达那里。

感谢您的帮助。

Answer 1

你可以用这个。在 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');
   }
});

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

Trigger function when scrollbar touches a DIV bottom - jQuery

jquery

scrollbar

scrollto