エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
[メモ] sticky & Intersection Observer & opacityの併用はchromeでバグるっぽい - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
[メモ] sticky & Intersection Observer & opacityの併用はchromeでバグるっぽい - Qiita
[メモ] sticky & Intersection Observer & opacityの併用はchromeでバグるっぽいCSSJavaScriptVue.jsSti... [メモ] sticky & Intersection Observer & opacityの併用はchromeでバグるっぽいCSSJavaScriptVue.jsStickyIntersectionObserver position: sticky (by css) -> スクロールして画面上部で固定。弟要素が上にかぶさる Intersection Observer (by js) -> 画面表示領域内への出入りでアニメーション用のクラス追加・削除 opacity (by css) -> Intersection Observerに伴うクラスによって表示/非表示アニメーション の3点を組み合わせると、 上へのスクロールはできるけど、下へのスクロールができなくなる。 (上へのスクロールは通常だけど、下へスクロールは弟要素が画面下でバウンスして戻ってくる) なんでだろう……。 どれか2個までの