スマホでページ内リンクが効かない

25697 Views
JavaScript
スマホでページ内リンクが効かない

レスポンシブやスマートフォン専用ページでページ内リンクを実装した時に、稀にページ内リンクが効かなくなる時があります。

理想はクリックしたらスムーススクロール(スムーズスクロール)して欲しいのですが、なぜか動作しない。

そんな時は普段使いしてるスムーススクロールのjsを紹介する内容に変更して見てください。

SNSでシェア♪

スポンサーリンク

プログラム

以上です!
※jQuery必須
※2017/10/13 iOSで動作しなかった問題を修正しました

 

aタグに「data-scroll」の属性を持たせることで、スクロール位置を調整することもできます。
例「<a href=”#news” data-scroll=”-100″>ニュースへ移動</a>」
 「<a href=”#about” data-scroll=”50″>会社概要へ移動</a>」

SNSでシェア♪

スポンサーリンク

関連記事