1. CSSとHTMLではoverflow:hiddenスクロールバーが設定されていますが、Chromeではマウスホイールを使ってコンテンツをスクロールできますが、IE(私はIE10を使用しています)ではマウスホイールはコンテンツを選択することしかできません。それを下にドラッグします。この問題を解決するにはどうすればよいでしょうか?
2. ページ内に div があり、その中のコンテンツも非表示にする必要があります。div で hidden を設定しましたが、コンテンツはドラッグできません。この問題はもう一度答える必要があります。どうすれば解決できますか?
助けてください!皆さん、ありがとうございました!
スクロールできるようにしたい場合は、overflow:scroll; を使用してください。このスクロールが醜いと思う場合は、自分で書いてください
<!DOCTYPE html><html><head><title></title><style type="text/css">* {margin: 0;padding: 0;}body {background-color: #fff;}.container {height: 500px;border: 1px solid #222;background: #eee;overflow: hidden;}p {margin: 50px;border: 1px solid #ddd;}</style></head><body><div class="container"> <p>qwe 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /> 1234213<br /></p></div></body></html>
スクロールできるようにしたい場合は、overflow:scroll; を使用してください。このスクロールが見苦しいと思う場合は、自分で作成してください
<!DOCTYPE html><html><head><title></title><style type="text/css">* {margin: 0;padding: 0;}body {background-color: #fff;}.container {height: 500px;border: 1px solid #222;background: #eee;overflow: hidden;}p {margin: 50px;border: 1px solid #ddd;}</style></head><body><div class="container"> <p>qwe 1234213<br /> 1234213<br /> </p></div></body></html>
実際、この種のデザインは必要ありません。通常、HTML に overflow hidden を追加しないのが最善です。このスクロールは醜いと思うので、自分で書いてください
ここで、スクロール バーを持たないようにします
それから、JS をドラッグして、外側の div overflow:hidden を取得できるようにシミュレートします。内側のdivの位置(マージン)を制御します