複雑な問題があります。メニューを作りたい。同時に、3 つの要素だけが表示され、その他の 2 つの要素は透過グラデーションです。透明な要素にカーソルを移動すると、リストが上下にスクロールします。メニュー メニューには、メイン レベルと同じ形式のサブレベルがあります。
以下にサンプルを示します。
止まればオッケー。最初と最後の表示要素の CSS セット linear-gradient。動くときはjqueryを使って動きをアニメーション化しています。しかし、結果はまさに私が望んでいるわけではありません。スクロールすると、スクロールではなく、リスト全体が動いているように見えます。移動アニメーションだけにjQueryを使用したいのですが、透明なグラデーションはリスト要素ではなくリスト全体を設定します。
リストにはマスクを使用する必要があると思いますが、背景も透明です。アイデアが尽きた。