0

私が取り組んでいる全画面表示のサイトではscrollTo、ユーザーが関連する DIV に水平にスクロールできるようにするリンクを使用しています。

ユーザーは、マウス ホイールを使用してサイトを下にスクロールすることもできます。

私の質問は、jQuery を使用して全画面の div をビューポートに自動的に揃えて、ユーザーがサイトを下にスクロールするときに手動で行う必要がないようにする方法です。

これに対処する方法がわかりません。これが私のJSFiddleです。

このWeb サイトにも同様の効果があります。下にスクロールしてフルスクリーンの div を画面から半分離すと、自動的に div が画面に揃えられます。

4

2 に答える 2

1

私のプロジェクトの 1 つに簡単なスクリプトを作成しました... プラグインを使用して、上下にスクロールしているかどうかを確認し、入力したクラスと同じクラスを持つ要素 (この場合は.height) の上部の位置を計算します。ここで詳細情報を見つけることができますjsFiddle

于 2013-10-16T13:47:29.117 に答える
0

それはかなり簡単だと思います.. ;) ユーザーが 200 ピクセルを超えてスクロールすると、残りはターゲットに到達するまで自動的にスクロールされます。

$(document).scroll(function(){
    if($(document).scrollTop() > 200){
        $('html, body').stop().animate({
            'scrollTop': $YOUR_TARGET_HERE.offset().top
        }, 900, 'swing', function () {
            window.location.hash = target;
        });
    }
}
于 2013-10-16T13:24:36.607 に答える