*

プラグイン無しでスムーズスクロール stinger3

公開: : 更新:2014/12/13 WordPressカスタム

自己責任

 

スムーズスクロールはこんな感じのやつです。

スムーズスクロールを体験する

 

ページ内リンクの動作をスムーズスクロールにする為wordpressにスムーズスクロール系のプラグインを入れた時にスクロールの動作が安定しない場合に試してみてください。(私はカクカクスクロールでした)

正直、私は素人のようなものなのでこうしたらこうなった的な内容です、あくまでもコードの書き換えは自己責任でお願いします。

 

外観→テーマ編集→ヘッダー(header.php)

上記の49・50間に下記のコードを追加。

 

50~63部分を追加して完了です。

私はこれでプラグインなしでスムーズスクロールできて動作も安定しています。

 

通常のページ内リンクのコードで動作します。

<a href=”#link1″>スムーズスクロールを体験する</a> (出発点)

<div id=”link1″>到着</div> (到着点)

2ヶ所以上使う時はlink1を変更すれば出来ます、link2でもbanban1でもponpon5でも出発点と到着点で1組になっていて他の組と同じでなければ何ヶ所でも使えます。

 

今回の方法は「Kyasper Web Design」(キャスパーウェブデザイン)さんのブログ記事を参考にさせていただきました。

参考記事ページ (記事内WordPressの場合~)

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

到着

スポンサーリンク

 

元の場所にもどる

Pocket

ad

関連記事

stinger3

追従するSNSボタンを縦型にする stinger3

  PCページに表示される追従型SNSボタンを縦型にする 外観→テーマ編集→ス

wp

WordPressのJetpack共有に追加したSNSボタンの高さを合わせる

この記事は個人的なメモです。 プラグインJetpackの更新で追加した共有ボタンの高さが合わな

stinger3

404エラーページ編集 stinger3

  とくにメモ記事にするほどの事ではありませんがメモしときます。 &nbs

stinger3

トップページのみブログタイトルをh1にする stinger3

stinger3上記バージョンでは(初めて使うので古いバージョンは不明)トップページでのh1

stinger3

ファビコンを設置しよう stinger3

  ファビコンとは、 一応暗黙の決まり事なので言いますがファミコンじゃない

Message


日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

windows10
エクスプローラー 「最近使用したファイル表示」の設定(windows10)

  セキュリティーやプライバシーの問題、そしてでき

windows10
windows10 anniversary アップデート後の不具合とその後(個人メモ)

ちなみにRS1アップデート自体は問題なくできて起動も問題なくしています

M-DUX70BKサム
多機能マウスを買ったのでレビュー

エレコム DUX M-DUX70BK 購入 日ごろからパソコ

杉の木7
大きな杉の木を見てきました

暇だったのでドライブがてら千年杉?を見に行ってきました。

PC自作1
パソコンを自作してみました(初心者)

パソコンを新しく購入する事に 今まで使っていたノートパソコン


  •  

      
        follow us in feedly
PAGE TOP ↑