ページ内スクロールで、ブラウザ幅によってスクロールする位置を変えたいなと思っています。
下のようなコードだとページを読み込んだ直後は希望通りの動作をしますが、ブラウザ幅を変えると動作が安定しません。
また、記述の仕方も冗長なのでもうちょっとスマートに書きたいです。
よろしくお願いいたします。
$(window).on('load resize', function(){ if(window.innerWidth > 1029){ $('a[href^=#]').click(function() { var speed = 300; var href= $(this).attr("href"); var target = $(href === "#" || href === "" ? 'html' : href); var position = target.offset().top - 93; $('body,html').animate({scrollTop:position}, speed, 'swing'); return false; }); } else { $('a[href^=#]').click(function() { var speed = 300; var href= $(this).attr("href"); var target = $(href === "#" || href === "" ? 'html' : href); var position = target.offset().top; $('body,html').animate({scrollTop:position02}, speed, 'swing'); return false; }); } });
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/07/01 03:03
2016/07/01 03:09
2016/07/01 03:28