滾動頁面上抵消

Question

我使用下面的腳本爲平滑滾動的效果在我的單頁網站：

$('a').click(function(){ 
$('html, body').animate({ 
    scrollTop: $($.attr(this, 'href')).offset().top 
    }, 500); 
    return false; 
}); 

我怎麼能整合減去100像素偏移到這個腳本？對不起，我是一個jQuery新手...感謝您的幫助和最好的問候。

Answer 1

添加- 100到scrolltop值

$('a').click(function(){ 
$('html, body').animate({ 
    scrollTop: $($.attr(this, 'href')).offset().top - 100 
    }, 500); 
    return false; 
}); 

Answer 2

也許通過簡單地從偏移值減去100 ...？

scrollTop: $($.attr(this, 'href')).offset().top - 100 

Answer 3

試試下面的代碼： -

scrollTop: $($.attr(this, 'href')).offset().top - 100 

演示： -

http://jsfiddle.net/fpxuC/404/

Answer 4

就像你做正常的減法一樣簡單。只需減去required offset值。在你的情況下，它是100px。做到這一點： -

$('a').click(function(){ 
    $('html, body').animate({ 
     scrollTop: $($.attr(this, 'href')).offset().top - 100 
    }, 500); 
    return false; 
});