使用scrollTop jQuery偏移固定標題

我試圖創建一個垂直平滑的滾動網站，使用jQuery。我正在使用這個JavaScript和本教程Smooth Scrolling Website來創建該網站。使用scrollTop jQuery偏移固定標題

，但我有一個固定的頭的麻煩，滾動工作正常，但由於div正在調整到頁面的頂部，而不是隻在固定頭下面，我想它出現一半時相關div它也。

我試着給scrollTop添加一個偏移量，但是所有地獄在頁面上打破了鬆動，出現在固定頭部之上的東西等等。只是一個頁面混搭。如果有人可以擺脫任何光線，將不勝感激。

$(function() { 
     $('ul.menu a').bind('click',function(event){ 
        var $anchor = $(this); 

        $('html, body').stop().animate({ 
         scrollTop: $($anchor.attr('href')).offset().top 
        }, 1500,'easeInOutExpo'); 
        /* 
        if you don't want to use the easing effects: 
        $('html, body').stop().animate({ 
         scrollTop: $($anchor.attr('href')).offset().top 
        }, 1000); 
        */ 
        event.preventDefault(); 
       }); 
      });

我發現在計算器上（+ $('.fixedheader').outerHeight()）這個代碼，並把它添加到我的代碼（scrollTop: $($anchor.attr('href')).offset().top後），它的工作，但似乎產生相反的效果。任何人都知道爲什麼？

來源

2012-09-27 Giles

我已經解決了這個，

+ $('.fixedheader').outerHeight()

應該

- $('.fixedheader').outerHeight()

所以我傻的，反正歡呼傢伙。

來源

2012-09-27 12:15:47 Giles

使用scrollTop jQuery偏移固定標題

回答

相關問題