1. ホーム
  2. jquery

[解決済み] 固定位置スクロールをある位置で停止させる?

2022-12-04 08:47:24

質問

私はposition:fixedの要素を持っているので、私が望む方法でページと一緒にスクロールします。ユーザーが上にスクロールしたとき、私はそれがページの先頭から250pxであるときなど、特定の点で要素のスクロールを停止したいのですが、これは可能ですか?どんな助けやアドバイスでも役に立つでしょう、ありがとうございます

jqueryを使わないと無理なような気がしていました。私はスクロールやユーザーがいる場所の位置を取得しようとしましたが、本当に混乱してしまった、任意のjqueryソリューションがありますか?

どのように解決するのですか?

私が書いたjQueryのプラグインで、あなたが必要とすることを行うことができます。

$.fn.followTo = function (pos) {
    var $this = this,
        $window = $(window);

    $window.scroll(function (e) {
        if ($window.scrollTop() > pos) {
            $this.css({
                position: 'absolute',
                top: pos
            });
        } else {
            $this.css({
                position: 'fixed',
                top: 0
            });
        }
    });
};

$('#yourDiv').followTo(250);

動作例を見る →