エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
[Javascript] scroll:bihaviorを使わずに滑らかにページ内リンクする方法
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
[Javascript] scroll:bihaviorを使わずに滑らかにページ内リンクする方法
ホームページを作っている時に、CSSは便利で、もはやJavascriptを使わなくてもアニメーションから条件分... ホームページを作っている時に、CSSは便利で、もはやJavascriptを使わなくてもアニメーションから条件分岐までできてしまう状態なんですが、 今回はCSSではどうやってもできなかった、ページ内の特定要素がカルーセル的に内部スクロールするという場面で、滑らかに内部スクロールする方法があったので、ご紹介。 ちなみに、ハッシュリンクを使うと、http://example.com/#contentと言うふうに、URLにハッシュ値が付いてしまうのですが、今回の方法を使うと、URLも汚さずに適用できるので、LPなどでも使える技です。 簡単にカルーセルが作れます。 コンテンツ-1 next コンテンツ-2 prev next コンテンツ-3 prev index.html <link rel="stylesheet" href="style.css"> <script src="main.js"><