前提・実現したいこと
htmlでレシポンシブデザインのページを作っています。
スムーズスクロールでメニューバー分上に移動しようとしているのですが、横のサイズが違うのでメニューバーの長さが違い、ずれてしまいます。
pcでは100px上げ、spでは149px上げたいのですが、どうすればよいのでしょうか?
該当のソースコード
script
1$(function(){ 2 var speed = 400; 3 var href= $(this).attr("href"); 4 var target = $(href == "#" || href == "" ? 'html' : href); 5 var position = target.offset().top - 100 or 149;//ここを画面サイズ(横サイズ)が480px以上・以下で変えたい。 6 $("html, body").animate({scrollTop:position}, speed, "swing"); 7 return false; 8 }); 9});
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/12/18 12:34
2018/12/18 20:35