javascript - アンカーの画面位置を評価していますか?

Question

申し訳ありませんが、私は JavaScript が初めてで、この問題に困惑しています。

ページ上部の固定位置に div があります。

クリックするとページがアンカーにスクロールするリンクです。（これにはjqueryを使用しました。）

また、javascript を使用して、誰かがこれらのリンクをクリックすると「トップに戻る」ボタンが表示され、「トップに戻る」ボタン自体をクリックすると消えるようにしました。

...しかし、ボタンの代わりにスクロールバーだけを使用する人もいると思います。

ユーザーがスクロールバーを使用して下にスクロールすると「トップに戻る」ボタンが表示され、上にスクロールすると消えるようにする方法はありますか?

つまり、現在ページの上部にあるアンカーを評価するために使用できる属性はありますか? （そうであれば、おそらくそこから解決策を見つけることができます...）

...または、ユーザーがスクロールして一番上に戻ったことを知る方法があるので、javascript を使用して「トップに戻る」ボタンを取り除くことができますか?

どんな助けでも大歓迎です！ありがとう！！

score 0 · Accepted Answer

scrollTop()jQueryの関数を使用して、スクロール距離を決定できます。

例:

$(window).scroll(function() {
    $('#backtotop').toggle( $(this).scrollTop() );
});

backtotopこれにより、スクロール距離が 0 の場合に IDの要素が非表示になります。

jQuery 以外のソリューションが好きな場合は、次のwindow.scrollYプロパティを使用できると確信しています。

window.onscroll = function() {
    if (!window.scrollY) {
        // hide it
    } else {
        // show it
    }
};

score 0 · Accepted Answer

でスクロール位置を取得できます

var scrollTop = $(window).scrollTop();

2 に答える 2