WEB制作

スムーズスクロールが動かない!?そんな時に試してほしいコード。

ページ内リンクをするするスクロールさせる

ページ内リンクをするするとスクロールさせるtipsです。他のブログでもjqueryのコードが紹介されていますが、うまく動かないケースがあるようです。そんなときはこのやり方をお試しください。

 

<head>〜<head>内に以下を記述

<head>〜<head>内に下記の2つのコードを記述してください。

①jqueryの読み込み

まずはjqueryを読み込みます。すでに読み込んである場合はこの手順はスキップしてください。

 

②スクロールの動作を記述

スムーズスクロールの動きを指定します。var speed = 400; の数値を変更することで、スクロール速度が変わります。

 

<body>〜<body>に以下を記述

HTML部分はこのように記述します。簡単ですね。

jqueryのスムーススクロール(するするスクロール)をやってみたけど動かなかった、という方はぜひお試しください。では!

  • この記事を書いた人

てっくぽっと

独立9年目のWEB系フリーランス。WEBと映像中心のテック系Blog「テックポット」をやっています

-WEB制作
-

Copyright© テックポット , 2020 All Rights Reserved.