1

fullpage.js によって提供されるソリューションは必要なものではないため、iScroll 5 と fullpage.js を使用しています。

私のページには 3 つの全ページ セクションがあります。2 番目のセクションには、垂直スクロール可能なコンテンツがあります。

私がする必要があるのは、スクロール可能なコンテンツが親要素の境界 (上部と下部) にあることを検出することです。その後、スクロール (マウスホイールまたはタッチの両方) を再度実行すると、イベントが発生します。

ここに問題のあるフィドルがあります。

私はこのようなものが必要です:

$('.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();
        });
    }
});

あなたが私を助けてくれることを願っています、私はどんな助けにも感謝します.

4

1 に答える 1

0

このようなものを試すことができます

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/ あなたのフィドルで私のために働きました。上にスクロールするには、数学のスキルを使用してください。

于 2014-04-16T01:17:58.757 に答える