他のテーマからNishikiテーマへ移行された方へ トップページやアイキャッチ画像など ウェブサイトの見栄えがよくなる 「テーマ専用おすすめ設定」を紹介しています。 ぜひ一度、ご確認ください!テーマ専用おすすめ設定を見る

WordPressテーマ Nishiki では、ページ内にアンカーリンクがあった場合、スルスルっとスムーススクロールする仕組みがあります。このスクロールを意図的に停止する方法があります。

文章でうまく書けないので、下のリンクをクリック または タップしてください。どちらのリンクもアラートが表示されますが、アラートを消した後の動作が違います。

どちらも同じ URL のアンカーリンクですが、下の例のように class 属性に「noscroll」をつけると、意図的にスムーススクロールさせないようにできます。

<ul>
 <li><a href="#" onclick="alert('アラートを閉じたら上にスクロール');return false;">アラート+ページ上にスクロール</a></li>
 <li><a href="#" class="noscroll" onclick="alert('アラートを閉じてもスクロールしません');return false;">スクロールしません</a></li>
</ul>

例えば、オリジナルのツイートボタンを a 要素で作っていて「クリックした際にツイート画面が別ウィンドウで表示される」などの場合に使える方法です。

Nishikiテーマ専用プラグイン無料配付中 ウェブサイト運営に役立つ機能を搭載しています。 ↓プラグインのダウンロード↓ Download Nishiki Growing Beauty 本体 nishiki-growing-beauty.zip(166 KB) インストール方法はこちら

Nishikiテーマに関する情報は#wpnishikiをチェックしてください。

このページの著者について

bouya Imamura

東京都北区十条にあるウェブサイト(ホームページ)制作会社AnimaGateの代表をやっています。サポトピアでは自社製品・サービスの全般的な開発・管理などを行っています。これまで数多くのウェブサイトの新規作成・リニューアル・運営などを経験し、WordPress(ワードプレス)公式テーマ・公式プラグインなど、ウェブサイト運営に役立つ様々なツールを開発・公開しています。著書「現場のためのSwift4 実務で『本当』に通用する開発者になるための教科書」販売中です。→ブログはこちら