2015-11-05 80 views
0

我有一個小腳本在我的網站航點之間滑動:添加偏移的JavaScript

$(function() { 
    $('a[href*=#]:not([href=#])').click(function() { 
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { 
     var target = $(this.hash); 
     target = target.length ? target : $('[name=' + this.hash.slice(1) +']'); 
     if (target.length) { 
     $('html,body').animate({ 
      scrollTop: target.offset().top 
     }, 1000); 
     return false; 
     } 
    } 
    }); 
}); 

現在我必須加一個偏移量。如果用戶點擊<a href="#jumper">JUMP!</a>

JavaScript應滾動到<div id="#jumper"></div>,偏移量爲500px。我沒有弄清楚正確的代碼部分。

+0

你說的*偏移*在這種情況下呢? – Rayon

+0

滾動到#跳線,並有一些空間到頂部(偏移量) – susanloek

+0

您目前的代碼是否工作?如果是,那麼只需修改target.offset()的(+/-)值。top' – Rayon

回答

0
 if (target.length) { 
     $('html,body').animate({ 
      scrollTop: target.offset(+500).top 
     }, 1000); 
     return false; 
     } 

.offset(+500)< - 500px的