body
のスクロールバーを無効にするにはどうすればいいですか?あなたが探しているものでなければなりません本文のスクロールを無効にしますが、スクロールバーを保持します
答えて
これは、あなたがスクロールバーを強制的に定義される唯一のCSSです:コンテンツがウィンドウよりも小さい場合、スクロールバーが無効になりますので、あなたは体のサイズを変更するためにいくつかのスクリプトを使用する必要があります
html{
overflow-y: scroll;
}
[?ただ、スクロールがそれを隠していない無効]
$("body").css({ "height" : ($(window).height() - 1) + 'px', "overflow": "hidden" });
これは本当にうまく機能します。しかし、身体の高さを定義するためにJSを使用する代わりに、私はcssに行くのがよりクリーンであると感じます。周りを少し遊んで、私は2つのオプションが見つかりました: 適用位置:固定; overflow-y:scrollと一緒にhtmlタグに追加します。 また、bodyタグにoverflow:hiddenを追加したフレームワークを使用している場合(私はこの問題を検索したほとんどの人がoverflow:hiddenのためボディに存在します)、ボディの高さを100vh 。 モーダルが閉じているときにそれらのスタイルを削除することを忘れないでください。 – mizurnix
良いキャッチ。あなたは自分の答えを追加するので、私はそれをupvoteすることができます。 – rcdmk
ありがとうございますが、私の解決策はまだありません:)これは非常に長いページにこれを適用しようとしていますので、ユーザーは最初にスクロールしてからモーダルを開き、すべてのオプションによってスクロールバーがアクティブになります。ユーザはスクロールバーを上に移動し、スクロールバーを非アクティブにします。私はFacebookが何をしているのかを確認して、位置を固定し、コンテンツラッパー(自分の体ではない)にトップ:xxxxxピクセル(既にスクロールした距離に基づいて)を追加します。私が終わったら、それを答えとして加えるかもしれません – mizurnix
overflow-y: scroll;
:例としてFacebookのシアターモードを参照してください。
**スクロールバーを無効にしません** –
スクロールバーは常に表示されますが、スクロールは無効になりませんか? –
ページに十分なコンテンツがない場合でも、スクロールバーを残しておきたいと思っていました。コンテンツがブラウザの画面よりも大きい場合、どのようにスクロールしたいですか? – Chad
- 1. スクロールバーを無効にし、マウスホイールとスクロールスクロールのみでスクロールを有効にします
- 2. 重なった要素をスクロールして本文のスクロールを無効にする
- 3. divのスクロールが終了したら、本文のスクロールを無効にする方法はありますか?
- 4. iOS - UITextViewはスクロールを無効にしますが、タッチを有効にします
- 5. jQueryはスクロールを無効にして有効にします
- 6. スクロールを無効にするとスクロール位置を保持する方法
- 7. CSS/JS - クリックイベントを無効にしますが、DIVのスクロールを許可します
- 8. スクロールバーはスクロールしますが、UIScrollViewはスクロールしません。
- 9. RecyclerViewのスクロールを無効にし、smoothScrollToPosition機能を維持する
- 10. iPadは文書のスクロールを無効にしますが、オーバーフローのスクロールは行いません。
- 11. ポップアップをアクティブにしたままスクロールを無効にする
- 12. スクロールバーをグローバルに無効にしますが、特定の要素で有効にします
- 13. pagePiling.jsがマウスのスクロールを無効にしました
- 14. POSTMANの本文タブが無効にされています
- 15. サファリのスクロールを無効にしようとしています
- 16. Webviewのスクロールを無効にし、テキストの選択を有効にします
- 17. Cordova - iOSネストされた要素は、バウンスを無効にしますが、速度スクロールを維持します。
- 18. JQUERY - hrefスクロールを無効にしますが、URLを追加しませんか?
- 19. ループコロンの構文が無効です+無効な構文を表示します
- 20. JSF2コンポーネントは古い無効な値を保持します
- 21. DESKeyは無効なパリティビットを保持しますか?
- 22. EFが無効なオブジェクトを保持しようとしています
- 23. Vimで2本指のスクロールを無効にする
- 24. jQuery FullCalendar:アジェンダビューでのスクロールを無効にしますか?
- 25. タスクの送信時に警告を無効にしますが、コピーを保持しません。
- 26. 水平スクロール時にスクロールビューの垂直スクロールを無効にします。
- 27. サーバサイドJavaScriptを無効にしますが、私のGreasemonkeyは無効にします
- 28. JavaFXノードを無効にしますが、無効にした掃除機を無効にします
- 29. Qtスクロールバーを無効にしないでQTextEditを無効にする
- 30. コンテンツはスクロールバーを表示しますが、スクロールできません
の可能性のある重複(https://stackoverflow.com/questions/8701754/just-disable-scroll-not-:ウィンドウの高さ、その後少なくとも
1px
小さくなるようにhide-it) –