1

ユーザーがページをスクロールしようとしたときに、次の関数を使用してドキュメントを特定のポイントまでスクロールしました。このために、次のコードを使用しました。

$(window).scroll(function(){
    if ($(this).scrollTop() > 100) {
        $("html, body").animate({scrollTop: 700}, 500);
        return false;
    }
});

マウスホイール アクションのイベント リスナーがあるかどうかを知りたいです。これを使用すると、マウスのスクロールによって関数が再度呼び出され、ドキュメントが再びプルダウンされるため、実際にはドキュメントの上部までスクロールできません。

また、別の方法があれば教えてください。ユーザー/クライアントによって JS が無効にされている可能性がある場合にのみ、CSS を使用してこれを行うことはできますか?

4

1 に答える 1

0

編集:

あなたの短い説明の後、私は(うまくいけば)あなたが何を望んでいるかを理解しています. 位置の状態を持つ関数を作成しました: ヘッダー、コンテンツ、未解決

そして、状態条件でスクロール機能を再利用しました。

(function() {

var pagePosition = "header";

$(window).scroll(function(){
    if ($(this).scrollTop() > 0 && pagePosition == "header") {
        pagePosition = "unresolved";
        $("html, body").animate({scrollTop: 700}, 500, function() {
            pagePosition = "content";
        });
        return false;
    } else if ($(this).scrollTop() < 700 && pagePosition == "content") {
        pagePosition = "unresolved";
        $("html, body").animate({scrollTop: 0}, 500, function() {
            pagePosition = "header";
        });
        return false;
    }

});

})();
于 2013-10-31T21:11:51.993 に答える