Javascript 使用scrollTop的jQuery偏移固定标头
我正在尝试使用jQuery创建一个垂直平滑滚动的网站。我正在使用此JavaScript和本教程创建网站 但是我在使用固定页眉时遇到了问题,滚动效果很好,但是它在相关Javascript 使用scrollTop的jQuery偏移固定标头,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在尝试使用jQuery创建一个垂直平滑滚动的网站。我正在使用此JavaScript和本教程创建网站 但是我在使用固定页眉时遇到了问题,滚动效果很好,但是它在相关div的一半位置出现,因为div与页面顶部对齐,而不是像我希望的那样仅在固定页眉下方 我曾尝试在scrollTop上添加一个偏移量,但页面上出现了很多问题,比如固定页眉上方出现了一些东西等等。这真是一个页面混搭。如果有人能透露一些情况,我们将不胜感激 $(function() { $('ul.menu a').bi
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()
我真傻,干杯,伙计们