0

私は HTML と CSS の初心者で、テキストの大部分が画面上のボックスに表示される Web サイトを設計しようとしています。

各ボックスは異なる色で表示され、直接表示されるよりも多くのテキストが表示されます

私の質問

スクロール セクションの背景色、つまり 2 つの矢印の頭の間のビットを既存の背景色と一致させることはできますか?

実際のスクロールバーの色さえ変更できれば、さらに良いでしょう

最後に、水平スクロール バーは不要なので削除できますか? 現在、私の箱の底に白い帯が付いています

4

2 に答える 2

3

Web サイトのスクロールバーのスタイルを変更するには、いくつかの方法があります。

  1. CSS 経由: これは信頼できる動作をしません。たとえば、IE でのみ動作し、Firefox では動作しません。だから私はそれを避けます。

  2. JavaScript 経由: ブラウザのスクロールバーを非表示にし、javascript といくつかの矢印イメージを使用して独自のスクロールバーを作成すると、スタイルを完全に制御できるようになります。 たとえば、JQuery とJScrollPane ( demo ) を使用できます。ドキュメントによると、これは最新のすべてのブラウザー (IE、Firefox ...) で動作します。ユーザーが JavaScript サポートを無効にしても機能しますが、スクロールバーはスタイルが適用されていないように見えます。

于 2009-10-24T10:47:04.597 に答える
0

クァークズモードのInternetExplorerとOperaのみが、ブラウザのスクロールバーの色付けをサポートしているため、JavaScriptソリューションを試す必要があります。

興味深いことに、CSSはいくつかのシステムの色を定義しているので、デザインに（非常に）柔軟性がある場合は、スクロール領域の背景をそれらの1つに一致するように設定できます。しかし、ありそうもない解決策。

水平スクロールバーについては、試してみることができますoverflow-x: hidden; overflow-y: scroll。これは、水平スクロールを停止することを目的としていますが、垂直スクロールは許可します。CSS3だと思うので、すべてのブラウザで動作する可能性は低いです。

更新：これを見ただけで、ニーズを満たすはずです：http: //www.leigeber.com/2009/09/javascript-scrollable-div/

于 2009-10-24T15:02:24.497 に答える