web-dev-qa-db-ja.com

ユーザーがページを下にスクロールしたピクセル数を取得するにはどうすればよいですか？

高さの大きいhtmlページがあるとすると、垂直スクロールバーが表示されます。

ユーザーが下にスクロールするときに、javascript（jquery）を使用してどれだけスクロールしたかを知りたいと思います...これは可能ですか？

javascriptjqueryscrollbar
17
gadlol

。scroll（） および 。scrollTop（） を使用してこれを行うことができます。

 $(window).scroll(function() {
     // use the value from $(window).scrollTop(); 
 });

こちらもご覧ください 質問 。

22
justkt

純粋なJavaScriptでは、次のように簡単に実行できます。

window.onscroll = function (e) {
    console.log(window.scrollY); // Value of scroll Y in px
};

詳細情報（Mozilla Developer Network）：

33
Fabien Sa

これは私が私のウェブサイトで使用したものです...誰かが620ピクセル下にスクロールするとメニューがポップアップします、私は手動で数字を入力します。私はまだjavascriptの初心者ですが、これがお役に立てば幸いです

    <script>
    $(document).ready(function(){
        $(window).scroll(function(){
            var scrollTop = 620;
            if($(window).scrollTop() >= scrollTop){
                $('.Nav').css({
                    position : 'fixed',
                    top : '0'
                });
            }
            if($(window).scrollTop() < scrollTop){
                $('.Nav').removeAttr('style');  
            }
        })
    })
    </script>
5
Four.Twenty

はい。 scrollTop DOMプロパティをラップするjQueryの scrollTop（） を参照してください。

4
Frédéric Hamidi