链接到同一页上的位置不匹配

Question

我需要你的帮助。

我做了一个导航栏，链接到锚点位置在同一页面上，允许查看端口向下滚动时单击（没有什么复杂的）。

问题：在使用网页过渡并缩小高度为0的顶部有一个很大的封面页。导航链接认为有一个大页面并向下滚动太多。

有没有人有解决方案？也许Jquery检测scrollTop（）并使用if语句来调整/偏移（）的位置？

这里是链接：[www.imbenton.com] [1]

代码：

----------- CSS ------ ----

#cover img{ 
    max-width: 90%; 
    padding: 300px 0 600px 0; 
    margin: 0 auto; 
    -webkit-transition: all 0.8s ease-out; 
    -moz-transition: all 0.8s ease-out; 
     -ms-transition: all 0.8s ease-out; 
     -o-transition: all 0.8s ease-out; 
      transition: all 0.8s ease-out; 
} 


#cover img.alt{ 
background: url("dvsup.png") repeat fixed; 
    max-width: 0%; 
    padding: 100px 0; 
    margin: 0 auto; 
} 

nav { 
    position: fixed; 
    width: 100%; 
    top: 173px; 
    padding: 0px 0 5px 0; 
    text-align: center; 
    height: auto; 
    -webkit-transition: all 0.8s ease-out; 
    -moz-transition: all 0.8s ease-out; 
    -ms-transition: all 0.8s ease-out; 
    -o-transition: all 0.8s ease-out; 
    transition: all 0.8s ease-out; 
    z-index: 999; 

} 
nav.still{ 
    position: fixed; 
    top: -980px; 
    padding-top: 900px; 
    background: url("dvsup.png") repeat fixed; 

} 

Answer 1

页面有点酷，但也是一种不好的体验。你可以发布一些代码，了解它是如何工作的？

你总是可以有封面页的顶部这样的覆盖面高度应正确计算，或者如果你知道这是越来越失算了，你可以随时调整滚动y位置的高度差

更新：

我有一个未经测试的想法，使用jQuery将填充或边距放到内容的顶部（而不是封面）。这个空间应该等于封面的高度。这可能会纠正计算，您将不得不对其进行测试。你还可以发布一些HTML？除非链接只是内部链接，那么不要担心html