WEB制作

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

投稿日:




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

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

 

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

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

①jqueryの読み込み

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

 

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

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

 

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

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

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







-WEB制作
-

Copyright© フリーランス航海日誌 , 2019 All Rights Reserved.