[英]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.