ページが垂直方向にスクロールされている場合でも、常にWebページの上部に表示されるようにdivを作成する方法。divの位置がWebページの上部に固定
4
A
答えて
9
使用CSS position: fixed;
:
#topdiv {
position: fixed;
top: 0;
}
参照jsFiddle例:http://jsfiddle.net/CXACT/1/
2
div#myDiv {position: fixed; top: 0px; ...}
0
のCss:
#topdiv {
position: fixed;
top: 0;
}
あなたはまた、jQueryを使って
を作ることができますちょうどスクロールトップの値をとり、divのトップを変更してください。
$("#topdiv").css("top", scrolltop);
関連する問題
- 1. CSS div位置がビューポートの上部に固定
- 2. div固定位置
- 3. 固定位置の特定のdivが
- 4. 固定位置のdiv
- 5. divがページ上の固定位置に達するとスクロールを停止する
- 6. 次のdivの上に表示される固定位置部門
- 7. IE7 div位置固定
- 8. 固定位置divがフリーズ(iPad)
- 9. 下位に固定されたdiv要素を上に置く
- 10. モーダル内の固定位置div
- 11. スクロールdiv内の固定位置
- 12. 位置:固定;私のWebページを壊す
- 13. iOS上の固定位置の背景
- 14. Webページ上のCSSの位置
- 15. divは位置に固定されます:固定リンク?
- 16. DIV CSSレイアウト - 固定位置expand parent
- 17. 位置を固定:固定;右:0;モバイルブラウザの画面上のエレメント
- 18. 固定された下部位置にスライディングdivを配置します。
- 19. 位置固定に設定するとDivが消えます
- 20. 子divの高さ100%内の位置:固定div +オーバーフローauto
- 21. divを相対位置に固定した位置に設定する
- 22. 子供が固定位置の親のdiv
- 23. jquery:ドロップダウンメニュー固定位置divの上にボーダースタイリングを表示しない
- 24. 要素をページの一部のみの位置固定にする方法
- 25. 固定divの位置でスクロールするときのページのコンテンツを隠す
- 26. 固定位置内の絶対位置
- 27. 位置が固定で相対的なdivの重複
- 28. 固定位置ヘッダーのdivでZ-インデックスが機能しない
- 29. 固定位置が適用されるときの遷移div
- 30. スクロール親divの位置が固定されていない