- 2019.07.26
- jQuery
スライダ―を入れるとアンカーリンクがずれる
ページ内のアンカーリンクだと問題ありませんが、別ページからのアンカーリンクだと、アンカーの場所がおかしくなってしまうことがあります。
これは、スライダーで使っているjQueryやcssが読み込まれる前にアンカーリンクが着地するためです。
先にロードしてJavascriptやCSSを読み込ませた後にアンカーリンクに着地するようにしてあげると解決されます。
1 2 3 4 5 6 7 8 9 10 11 12 |
<script> $(window).on('load', function() { var hash = window.location.hash; var position = $(hash).offset().top; function scroll(position){ $('html, body').animate({ scrollTop : position }, 100); } scroll(position); }); </script> |