実現したいこと
HTML
1<ul> 2 <li> 3 <h2>タイトル</h2> 4 </li> 5 <li> 6 <h2>タイトル</h2> 7 </li> 8 <li> 9 <h2>タイトル</h2> 10 </li> 11</ul>
上記のような構成のHTMLがあり、各li要素にheight: 100vh;とposition: sticky;とtop: 0;を指定すると、各li要素が画面上端に到達すると次のli要素が昇ってくるのですが、その昇ってくるタイミングを少し遅延させたいです。欲を言えばその遅延の度合いも調整出来たらうれしいです。
発生している問題・分からないこと
遅延させる方法が分かりません。
該当のソースコード
特になし
試したこと・調べたこと
- teratailやGoogle等で検索した
- ソースコードを自分なりに変更した
- 知人に聞いた
- その他
上記の詳細・結果
ググったり、自分で実装を試みましたが実現できませんでした。
補足
特になし
