1

かなり複雑なグラデーションのセットである背景があります (画像ではなく CSS で行われます)。ページの中央には固定フレームがあり、コンテンツはこのフレーム内に収まります。このフレームを設定overflow-y: autoしてコンテンツをスクロールできますが、代わりにウィンドウを使用してスクロールできるようにしたいと考えています。

ページは次のようになります。

ここに画像の説明を入力

代わりにスクロールバーをウィンドウに表示したいと思います。コンテンツをフレームの外に出し、必要に応じて余白を追加することはできますが、コンテンツがフレームの外に出てしまうという問題があります。その後、上下を覆うことができますが、背景は画像ではなく、ソリッドではないため、これは困難/不可能です.

その下をスクロールする上部/下部ブロック テキストに透明な要素を配置する方法はありますか? 重複するコンテンツに何らかのスタイルを適用できますか?

JavaScript を必要とする最も高度な単一ブラウザーのみのソリューションでさえ、完全に受け入れられます。

4

2 に答える 2

0

あなたが目指しているのがスクロールバーを非表示にすることだけである場合（そしてjQueryで問題ないと仮定して）、slimScrollのようなものを使用することをお勧めします。

内部で行われていることは単純です。指定されたコンテナーに が割り当てられoverflow: hidden;、マウス オーバー イベントに応答してカスタム スクロールバーをシミュレートすることのみを目的として、ホバー ハンドラーがアタッチされます。

于 2012-05-04T23:52:30.003 に答える