Question

我使用iScroll 5和fullpage.js因为fullpage.js提供的解决方案不是我需要的。

我的页面有3个完整页面部分。第二部分具有垂直可滚动内容。

我需要做的是检测我的可滚动内容何时位于父元素的边界（顶部和底部），然后如果我再次执行滚动（两者，鼠标滚轮或触摸），它将触发一个事件。 / p>

此问题出现了 Fiddle 。

我需要这样的东西：

$('.scrollwrapper').on("mousewheel touchmove", function() {
    if ("scroll is on max top"){
        $(this).on("wheelUp touchmoveUp", function() {
            $.fn.fullpage.moveSectionUp();
        });
    }else if ("scroll is on max bottom"){
        $(this).on("wheelDown touchmoveDown", function() {
            $.fn.fullpage.moveSectionDown();
        });
    }
});

希望你能帮助我，我会感激任何帮助。

Answer 1

您可以尝试这样的事情

xpScroll.on('scrollEnd', function(){
    var scrollY = xpScroll.y + 15;
    var scrollH = $('.xp-scroll').height() - $(window).height();
    var scrollEnd = scrollH + scrollY;

    if (scrollEnd == 0) {
        alert('End');
    }
});

http://jsfiddle.net/fF4BJ/1/ 在你的小提琴里为我工作。滚动使用你的数学技能。

iScroll 5容器边界检测滚动鼠标滚轮和触摸

1 个答案: