No.259
スムーズスクロールのさせ方
今日は自分の描いてる漫画の画像をクリックorタップで、ふんわりスクロールさせてみたくてやり方調べてみた。
そしたら、いまどきはCSSにたった一行加えるだけでできちゃうんですよ。(ページ内リンクの指定は済んでるの前提で)
細かい位置を調整したい時は、これで15ピクセル開けて表示されます。
あれ、深夜頑張ったのに、safari対応してないじゃん😭もう寝る！
この方法だとスピードのコントロールは出来ない。
たまにならいいけど、連番画像をつつく度にふわふわしてるのは酔いそうで結局やめたけど、一応自分用メモ。
#サイト作り
今日は自分の描いてる漫画の画像をクリックorタップで、ふんわりスクロールさせてみたくてやり方調べてみた。
そしたら、いまどきはCSSにたった一行加えるだけでできちゃうんですよ。(ページ内リンクの指定は済んでるの前提で)
html { scroll-behavior: smooth; }
html { scroll-padding-top: 15px; }
細かい位置を調整したい時は、これで15ピクセル開けて表示されます。
あれ、深夜頑張ったのに、safari対応してないじゃん😭もう寝る！
この方法だとスピードのコントロールは出来ない。
たまにならいいけど、連番画像をつつく度にふわふわしてるのは酔いそうで結局やめたけど、一応自分用メモ。
#サイト作り
現在文字数 0/1000文字 同一IPアドレスからの送信は一日回まで
ORIGINAL ORANGE
…更新情報だけフォロー