5月17日 授業内容(frameworkとsmoothscrollがバッテイングする時の対処法)

クライアントワークのページに使用しているスムーススクロールが機能しないので講師に相談し、違うタイプのスムーススクロールのプラグインを勧められました。それを使うと正常に機能させることができたのでその手順を記載しておきます。

①以下のサイトに入る
syncer.jp

②以下の手順でsmooth-scroll.jsをダウンロードする。(src→js→smooth-scroll.js)
f:id:paris1204:20160517191249p:plain


f:id:paris1204:20160517191259p:plain

f:id:paris1204:20160517191316p:plain

f:id:paris1204:20160517191324p:plain


②前に使ってたsmoothscrollのjsとダウンロードしたsmooth-scroll.jsのリンクを入れ替える。

f:id:paris1204:20160517192003p:plain

③ボディの締めタグの前に以下のように入力する。
f:id:paris1204:20160517192122p:plain


④スムーススクロールを設定するaタグに
data-scrollと入力する。
f:id:paris1204:20160517192341p:plain