[解決済み] 固定位置スクロールをある位置で停止させる?
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);
関連
-
[解決済み] contenteditable変更イベント
-
[解決済み] jQueryで要素にスクロールする
-
[解決済み] jQuery データ属性の値に基づいて要素を検索する方法は?
-
[解決済み] 位置は固定だが、容器に対して相対的
-
[解決済み] JavaScript / jQuery のイベントバインディングを Firebug などでデバッグするには?
-
[解決済み] 入力にフォーカスがあるかどうかをテストするためにjQueryを使用する
-
[解決済み] jQuery テキストエリアでのカーソル位置の設定
-
[解決済み] jQuery: テキストで要素を検索する
-
[解決済み] 内部要素のスクロール位置が上/下に達したときに親要素のスクロールを防止しますか?
-
[解決済み】ユーザーが一番下までスクロールしたかどうかを確認する(ウィンドウだけでなく、任意の要素)【重複】。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] フロートされた子 div の高さを親の高さに拡張するにはどうすればよいですか?
-
[解決済み] jQueryでdata属性で要素を選択する
-
[解決済み] 複数のクラスを削除する(jQuery)
-
[解決済み] 動的に生成された要素でクリックイベントが動作しない [duplicate]
-
[解決済み] jQueryの複数要素の同一クリックイベント
-
[解決済み] セレクトボックスの選択項目を設定する
-
[解決済み] jQuery: テキストで要素を検索する
-
[解決済み] jQuery OR Selector?
-
[解決済み】jQuery:keyPress Backspaceが発射されない?
-
[解決済み】jQueryがリクエストボディに有効なjsonを投稿する。