###前提・実現したいこと
Wordpress(テーマ:LUXE TCD022)にて、ページ内リンクで意図した場所に飛ばずに困っています。意図したリンク先に一旦は止まるのに、その後10pxくらい下に自動でスクロールしてしまいます。なぜかローカル環境で動くことはありません。この一旦止まった後にゆっくり下にスクロールする現象について何かご存知の方がいらっしゃいましたら、何でも良いので教えて頂けると幸いです。
###該当のソースコード
header.php
■Jquery
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> <script> jQuery(function () { var headerHight = 200; //ヘッダの高さ jQuery('a[href^=#]').click(function(){ var href= jQuery(this).attr("href"); var target = jQuery(href == "#" || href == "" ? 'html' : href); var position = target.offset().top-headerHight; //ヘッダの高さ分位置をずらす jQuery("html, body").animate({scrollTop:position}, 550, "swing"); return false; }); }); コード
■ HTML
<a href="#title_1">あああ</a> <div id="title_1">aaa</a> コード
###試したこと
固定のヘッダー200px分のずれを解消するために,上記Jqueryを入れたのですがだめでした。またCSSでも対応できないか試しましたが、だめでした。
###補足情報(言語/FW/ツール等のバージョンなど)
Wordpress 4.7.5
テーマ:LUXE TCD022 3.3
回答1件
あなたの回答
tips
プレビュー