長いが、スライダー3枚分+右下のサムネイル3個分だ。data-seq>スマホ、タブレット、PCに対応しています。data-seq>スマホのフリックでも、PCのクリックしながらのマウスアクションでもスライドしていきます。data-seq>誰でも簡単にインストールできて、カスタマイズも思うがまま。src="scripts/sequence-theme.modern-slide-in.js"></script>CSS、JSファイル、画像などのセットをまとめてダウンロードするのはこちら。moveinimg.zipモダンスライドのデモはこちら。コメントするコピペOK。これだけで#のリンクをクリックしたら自動でスクロール移動に。リンクをタップしたりクリックしたら、パッと切り替わるのではなく、にゅるーっと動いていく#リンクがある。これを導入する方法を紹介。–><head>こんな感じで、jqueryとscroll.jsを読み込む。といつも通り記述するとなめらかにスクロールしていく。hrefの中に#を使っていた場合そのハッシュ(#)をターゲットにしてなめらかにスクロールするアニメーションだよという意味。1000);ここの数字を大きくすればゆっくり動き、小さくすれば早く動く。この例の1000だと、1000ミリ秒=1秒なので、1秒で目的地に到着する。なめらかスクロールのデモページはこちらCSSJavascriptスクロールスマホ対応なめらかなめらかスクロールリンク明日試したくなるカスタマイズ、ネットな日々に役立つ小技と、たまに旅行の妄想と。