2017-04-03 51 views
-1

我已经创建了一个页面的网站,一旦页面滚动的头被固定在上面的内容。我面临的问题是,一旦我们点击菜单中的“服务”部分,页面的某些部分就会隐藏在菜单下。固定头隐藏起始段

我已经尝试添加填充部分它仍然结果相同。

网址:here

对不起为网站托管,请检查托管链接的代码。这只是一个静态网站。

+2

1000代表你应该知道在这里发布[mcve]。使用''''''snippet编辑器 – mplungjan

+0

看来,无论您用于滚动到服务部分的js/jquery代码都没有考虑到标题并向下滚动太多。你应该发布一段相关的代码来获得适当的帮助。 – yarwest

回答

1

首先,我同意的意见;请发布Minimal, Complete, and Verifiable example,这样我们可以帮助你更好。链接到另一个网站不是这个平台的工作方式。

在JavaScript中,你有下面的代码:

$('.page-scroll').bind('click', function(event) { 
    var $anchor = $(this); 
    $('html, body').stop().animate({ 
     scrollTop: $($anchor.attr('href')).offset().top 
    }, 1500, 'easeInOutExpo'); 
    event.preventDefault(); 
}); 

,如果你用该值播放(offset().top),你可以改变scrollTo的行为。

改变它的东西是这样的:

scrollTop: ($($anchor.attr('href')).offset().top - 77) 

77是在菜单中的像素高度。如果你想要菜单和内容之间有更多的间距,请将77设置为90.