簡體   English   中英

jQuery offset固定標頭,使用scrollTop

[英]jQuery offset fixed header using scrollTop

我正在嘗試使用jQuery創建垂直平滑的滾動網站。 我正在使用此JavaScript和本教程“ 平滑滾動網站”來創建該網站。

但我有一個固定的頭的麻煩,滾動工作正常,但它似乎一半時相關的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();
                });
            });

我已經在StackOverflow( + $('.fixedheader').outerHeight() )上找到了這段代碼,並將其添加到我的代碼中( scrollTop: $($anchor.attr('href')).offset().top )確實有效,但效果卻相反。 有人知道為什么嗎?

我已經解決了

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

應該

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

我真傻,反正伙計們都歡呼雀躍。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM