私はユーザーがスクロールできるようにしたくないページがあります。それを防ぐために、私はボディに隠れたオーバーフロースタイルを設定しました。これは、ユーザが何らかのテキストを選択しようとしてから、一番下にドラッグするまでは十分です。ウィンドウがスクロールして、ユーザーがドラッグします。どうすればこれを防ぐことができますか?テキストを選択/ドラッグするときにページのスクロールを停止する
答えて
position: fixed;
。
body
{
position: fixed;
}
EDIT:あなたは全身が非スクロール可能にしたい場合は、ユーザサムからのコメントを受けた後、私は戻って、もう一度、このメソッドをテストすることにしました。左の終わるからいくつかのサイトを(stackoverflowのが含まれています)
html
{
position: fixed;
width: 100%;
height: 100%;
}
ザ・防止:今、私はそれとそれがスタイルで混乱、私はよりよい解決策になる、以下の結論に来ているだろうとサムの懸念を再考することを整列した。また、利用可能な最上位のノードも使用します。これは、最初に実行されたはずです。
私はあなたにキスしたい。ホモなし – rewolf
O_o私はそれを "人の抱擁"のような形で取り上げます。 –
Safariのアドレスバーが追加されているため、モバイルにはあまり役に立ちません。 –
私はJosephsの答えを試しましたが、ウェブサイト上で多くのスタイルを混乱させる可能性があります。
もう1つの方法は、ウェブサイトのオーバーフローを隠しておくことです。これは理想から遠いものですが、私にとってはスタイリングを邪魔しませんでした。うまくいけば、これは誰かにとって有益です。
body {
overflow-y: hidden;
}
あなたが使用している現在のコードを投稿する場合は、より良い回答を得るでしょう
html
{
overflow: hidden;
}
これは、スクロールバーを非表示にし、本体がスクロールできないという誤った感覚を与えるため、実際には危険です。これにより、ユーザーが選択したテキストをドラッグしたときにページがスクロールするのを防ぐことはできません。 –
- 1. 垂直スクロールを停止するページを取得するには?
- 2. カーソルのドラッグでテキスト/要素の選択を防止するには
- 3. 同じページに戻ると、スクロールが停止します
- 4. スクロールを停止してサブビューを描画するときのUIScrollView
- 5. ドラッグしたときにC++/SDLアプリケーションが一時停止する
- 6. jQuery - onfocus = trueのとき自動スクロールを停止する
- 7. UIWebviewのスクロールを停止する
- 8. UICollectionView:スクロールが停止したときを検出する方法
- 9. UITableViewでテーブルデータの読み込みをスクロールするときに停止する
- 10. selectizeInputでは、各選択の後に選択肢のリストを閉じることを停止します。
- 11. ドラッグ可能なオブジェクトをドラッグから停止する
- 12. Visual Studioでのマウス選択の停止
- 13. アイテムを停止するリストボックスで選択中
- 14. 画像とテキストを含むjQueryドラッグ&ドロップのDIV選択
- 15. マウスアップでDOM要素のドラッグを停止することができません
- 16. UITextViewをスクロールするためにUITextViewを停止する方法
- 17. InfoWindowテキストを選択すると不正なスクロールが発生する
- 18. Webページの処理を停止する
- 19. 要素がビューから外れたときにスクロールを停止する
- 20. 自動スクロールが突然停止する
- 21. ギャラリーウィジェットがいつスクロールを停止するかを知るには?
- 22. 選択肢を無効にした場合、フォームの送信を停止する
- 23. IE AJAXをリフレッシュした後にJqueryドラッグが停止する
- 24. emacsは画面いっぱいのテキストの後にスクロールを停止します
- 25. Materialize Css - オプションを選択したときに複数のスクロールを選択
- 26. 視界の外でGoogleマップのドラッグを停止する
- 27. ユーザースクロールでスクロールトップのjqueryアニメーションを停止できますか? Webページを自動的に特定の要素にスクロールするように、それがスクロールし、ユーザーがスクロールを開始した場合、私は自動化されたスクロールが停止するinput--
- 28. 選択したオプションの色を変更する選択ボックスを停止します
- 29. 偶発的な選択/ドラッグの強調表示を防止する
- 30. テーブルをdbmlファイルにドラッグすると、LINQ to SQL dbmlがテーブルをdbmlファイルにドラッグするときに停止する
参考になっすることができます。あなたがhttp://jsfiddle.netのようなものを使ってライブの例を作ることができれば、それはさらに優れています。 – tw16
私はあなたの方法は、あなたが何かを見ないようにしたい場合、またはいくつかのデータが奇妙なハックを使用するディスプレイに必要な場合、あなたの方法は少し欠陥があると思う:cssまたは隠された入力フィールド。基本的な基本的なブラウザの機能を妨害しようとすることは、ユーザビリティの災害のレシピです。 – Louis
私の欠陥のある方法をお詫び申し上げます。ある時点では、アニメーション中に、divはCSS変換を使用してスケーリングされ、可視領域外に広がります。これらの瞬間に、ユーザがドラッグすると、それらを所望のビュー領域から移動させる。私は、この選択/ドラッグプロセス中に発砲したイベントがあって、私が傍受することができたと思っていました。 – rewolf