アンカーリンク移動時の位置調整

Filed under: JavaScript — kdcs @ 20年11月2日 月曜日
<script>
jQuery(function(){
    var windowWidth = $(window).width();
    var headerHight = 100; 
    jQuery('a[href^=#]').click(function() {
    var speed = 1000;
    var href= jQuery(this).attr("href");
    var target = jQuery(href == "#" || href == "" ? 'html' : href);
    var position = target.offset().top-headerHight;
    jQuery('body,html').animate({scrollTop:position}, speed, 'swing');
    return false;
   });
});
</script>

var headerHight = 上位置からの高さ
var speed = 移動スピード

サイト内検索

カテゴリー

最近の投稿

« |アンカーリンク移動時の位置調整| »
↑上に戻る