ユーザーがスクロールを検出したときにdivを固定する方法。
例:Facebookの右側のサイドバーで、特定のスクロール位置に達したときに固まってしまいます。スクロールでディビジョンを固定する
5
A
答えて
7
position:fixed
です。
しかし、あなたは何かをする方法を知りたければいつでもウェブサイトのソースを見ることができます。非常に教育的!
1
5
私たちがスクロールしているかどうかを監視します。
if($(window).scrollTop() > 0){
//we're scrolling our position is greater than 0 from the top of the page.
$("#element").css({'position' : 'fixed'});
}
* EDIT
if(window.scrollTop() > 0){
document.getElementById('element').style.position="fixed";
}
0
http://csswizardry.com/2012/02/pragmatic-practical-font-sizing-in-css/
は、スクロールロックプラグインでjQueryのを使用しています。.. jQueryをせずにそれを実行します。https://gist.github.com/837729
2
私は解決策を説明するこの記事に出会いましたhttps://www.virendrachandak.com/techtalk/make-a-div-stick-to-top-when-scrolled-to/
+0
このリンクは死んでいます...どうぞ... – Meer
関連する問題
- 1. CSSスクロール固定サイドバー
- 2. グリッドビューのスクロールを固定する
- 3. 固定ヘッダーとフッターでGridViewをスクロール
- 4. 位置固定 - 水平スクロール
- 5. ie6オーバーレイ位置:固定スクロール
- 6. スクロール時の固定要素
- 7. WPF:スクロールItemcontrolコンテンツ固定ヘッダ
- 8. スクロール時に固定ヘッダー
- 9. jQueryスクロール固定小数点
- 10. 位置のある子供:固定スクロール、固定:オーバーフロー:自動親
- 11. 固定ツールチップをスクロールして消す
- 12. モバイルウェブサイトのjQueryスクロール可能なディビジョン
- 13. スクロールで固定の位置付け
- 14. スクロールでロゴ付きシュリンクブーツストラップ固定navbar
- 15. 固定ヘッダーと固定列のスクロール可能なHTMLテーブル
- 16. スクロール時にメニューバーを上に固定
- 17. DialogPreferenceで固定高さのスクロール可能リストビューを実装する
- 18. スクロールのようにスクロールするときにサイドバーを固定する方法
- 19. 固定小数点を特定の点までスクロール
- 20. zxingバーコードスキャナーを携帯電話の固定ディビジョンに入れてください
- 21. バックグラウンドの添付ファイルのスクロール対固定
- 22. スクロールのレスポンス固定ナビゲーションのスタイリング
- 23. ブートストラップのサイドバーは、 - 固定スクロール位置
- 24. 固定サイドバー、スクロール可能なコンテンツ
- 25. 固定幅スクロール領域の取得
- 26. スムーズホバー上のスクロール固定の高さ
- 27. Flex Spark Datagrid固定列、水平スクロール
- 28. スクロールdiv内の固定位置
- 29. ナビゲーションバーを固定してページをスクロールするセレクタは?
- 30. IE6のスクロール可能なdivの固定位置をエミュレートする
これは私がこれを見た前に使いましたhttp://blog.echoenduring.com/2010/11/15/freebie-contained-sticky-scroll-jquery -plugin/ – elclanrs