如何在窗口滚动函数

Question

在下面的滚动功能中，我试图找出如何通过一定数量的px（比如说15px）超过div pg-selection的底部。

像这样：

我试图以不同的方式修改`bottom_of_element变量，但没有一个有效。我试过了：

var bottom_of_element = $('#pg-selection').offset({bottom: 15}).top + $('#pg-selection').outerHeight();

和

var bottom_of_element = $('#pg-selection').offset().top.bottom 15 + $('#pg-selection').outerHeight();

有谁知道我需要做什么？

我有以下滚动功能：

$(window).scroll(function () {
   var top_of_element = $('#pg-selection').offset().top;
   var bottom_of_element = $('#pg-selection').offset().top + $('#pg-selection').outerHeight();
   var bottom_of_screen = $(window).scrollTop() + $(window).height();

   if ((bottom_of_screen > top_of_element) && (bottom_of_screen < bottom_of_element)) {
       console.log(" PG Showing");
       $('#cal-selected-thumb').fadeIn(400);
   }
   else {
        console.log(" PG Not Showing");
        $('#cal-selected-thumb').fadeOut(400);
    }
});

Answer 1

您的代码运行正常，您忘了＆＃39; +＆＃39;在bottom_of_element示例的第二个示例中。我试过这个，它就像一个魅力：

var bottom_of_element = $('#pg-selection').offset().top + $('#pg-selection').outerHeight() + 200;