Q&A
ご回答有難うございます。
上記コードを削除すると正常にジャンプできるのですが関係ないのでしょうか？
初心者のためご教授いただけますと幸いです。
前提・実現したいこと
現在ページ内スクロールを実装しているのですがどうもそれが邪魔をしているみたいで
別ページの特定部分へリンクが飛ぶ時と飛ばない時があります。
ページ内スクロールを実装しながら別ページのリンクには干渉しないようにするにはどのようにすればよいか
どなたかお力をかして頂けますと幸いです。
発生している問題
別ページの特定部分へリンクが飛ぶ時と飛ばない時がある
該当のソースコード
JavaScript
1$(function(){ 2 $('a[href^="#"]').click(function(){ 3 var adjust = 50; 4 var speed = 500; 5 var href= $(this).attr("href"); 6 var target = $(href == "#" || href == "" ? 'html' : href); 7 var position = target.offset().top - adjust; 8 $("html, body").animate({scrollTop:position}, speed, "swing"); 9 return false; 10 }); 11});
回答2件
0
自己解決
実機のスマートフォンのみ発生する別ページの特定箇所へのジャンプの挙動が不安定な件ですが、
$(function(){
$(window).scrollTop($('#ジャンプ先id').offset().top);
});
を加えることによりで安定してジャンプするようになりました。
投稿2021/03/23 12:41
総合スコア2
0
別ページの特定部分へリンク
別ページのリンクはhrefが#で始まることはないので関係ないと思います
投稿2021/03/23 02:41
総合スコア116694
申し訳けありません。コードを削除しても同様のエラーが出ました。
試しに#から始まるTOPボタンも削除しましたがエラーは消えず。
スマートフォンからの時のみ発生するのでしょうがないエラーなのでしょうか。
「同様のエラー」の説明をしてください
大変失礼しました。
別ページの特定部分へのリンクが飛ぶ時ときもあれば
何度か繰り返していると飛ばずにページのトップに飛んでしまう時もあります。
consoleにエラーはでていませんか？
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。