私はここにいるのは初めてなので、何か非常に初心者に聞こえたら許してください。
私は個人的な Web サイトの作成に忙しく、ラッパー内にコンテンツ div とサイドペイン div の 2 つの div があります。高さは 99% に設定され、自動でオーバーフローします。ページをスクロールしないでください (画面を小さくしない限り) が、div はスクロールする必要があります。
問題: div の下のテキストをフェードアウトさせて、div を下にスクロールするとテキストが通常の状態になるようにしたい。誰かが私を正しい方向に導くことができれば、グラデーション画像またはCSSだけを使用できます. このオーバーフローの原因に苦しんでいます。グラデーションをdivの下部の絶対位置に保つ方法を知りたいのですが、私が言っていることを理解すれば、実際にはdivの下部ではありませんか? divにオーバーフローがオンになっているためです。画面上で div が終了する位置に配置したいのですが、テキストが終了する位置には配置したくありません。コードを入れてみました
ここに写真があります
右の div をチェックすると、下部をフェードさせ、スクロールしてもグラデーションが下部にとどまります。(実際にはdivの下部ではありません)-ページのサイズを変更できる必要があり、同じ位置に留まります。