Css jQuery在错误位置滚动一页

Css jQuery在错误位置滚动一页,css,Css,在我的单页网站上,如果单击顶部菜单选项,页面将向下滚动到页面上的每个部分 问题当它确实滚动时,页面的顶部会覆盖部分的顶部 我可以对我的CSS做些什么来阻止这种情况发生吗 谢谢。用填充物替换部分页边空白。当向下跳转页面以定位这样的点时,它会跳转到内部框的边缘,在填充和内部边框/边距之外。您需要做的是将虚拟行从div中的内容移开,因此增加填充并减少一些边距,以保持设计正常工作 我对你的网站做了一些修改,看看它如何为你的培训课程部分工作,我得到了以下CSS: margin-top: 0; paddin

在我的单页网站上,如果单击顶部菜单选项,页面将向下滚动到页面上的每个部分

问题当它确实滚动时,页面的顶部会覆盖部分的顶部

我可以对我的CSS做些什么来阻止这种情况发生吗


谢谢。

用填充物替换部分页边空白。当向下跳转页面以定位这样的点时,它会跳转到内部框的边缘,在填充和内部边框/边距之外。您需要做的是将虚拟行从div中的内容移开,因此增加填充并减少一些边距,以保持设计正常工作

我对你的网站做了一些修改,看看它如何为你的培训课程部分工作,我得到了以下CSS:

margin-top: 0;
padding: 120px 350px 30px 0;

要使用纯CSS进行调整,请在每个可导航分区的填充顶部添加一个额外的151px topwrap元素的高度。然后从前面每个可导航分区的边距底部减去151px

一个简化的版本,你将需要做的数学,使它与你已经存在的边缘和填充看起来像:

#div1 { /* first navigable div */
  margin-bottom: -151px;
}
#div2 { /* all intermediate navigable divs */
  padding-top: 151px;
  margin-bottom: -151px;
}
#div3 { /* last navigable div */
  padding-top: 151px;
}
或者,您可以通过顶部包裹的151px高度来调整javascript中的滚动位置