タイトルにあるように、水平方向に自由にスライドできる水平方向に入力された li の行ができました。特定の li が現(xiàn)在の表示領(lǐng)域內(nèi)にあると、そのスタイルの一部が変更されます。そのような効果はどのように記述すればよいですか?
すべての専門家がこの質(zhì)問に答えてくれることを願っています。 。 。 。 。 。 。
歡迎選擇我的課程,讓我們一起見證您的進步~~
リーリー
戻り値は DOMRect オブジェクトで、要素の getClientRects() メソッドによって返される四角形のコレクション、つまり要素に関連する CSS 境界線のコレクションです。
DOMRect オブジェクトには、境界線 (左、上、右、下) をピクセル?yún)g位で記述するために使用される一連の読み取り専用プロパティが含まれています。幅と高さを除くプロパティは、ビューポートの左上隅を基準(zhǔn)とします。
なぜ目に見える部分のスタイルを変更する必要があるのですか?とにかくすべてにスタイルを追加した方が良いです。非領(lǐng)域ではどのようなスタイルが重要ですか? !
マーク1が指す上部の紫色の四角がコンテンツリストがスライドした距離です
マーク2が指す赤い部分が表示領(lǐng)域です
マーク3が指す黃色の點が操作したいオブジェクトと上部との距離ですコンテンツリストの
とき 1+2-50=3のとき、黃色の點が可視領(lǐng)域50pxに入ったことを意味します
上記は私のプロジェクトのコードです
リーリー リーリー私のものは垂直方向であり、水平方向は左の値を判斷基準(zhǔn)として使用できます。質(zhì)問者にいくつかのアイデアを與えることができれば幸いです。