javascript - scrollTop 在站点更改时不起作用

Question

在我的网站上，我遇到的问题是，当我来自 Imprint 或 How-to-find-us 网站并单击服务或联系方式时，scrollTop 无法正常工作。

http://wicker-schuetz.de/en/

谢谢

Answer 1

这样做是因为当您到达页面上的那个点时，页面没有更多空间可以进一步向上滚动；因为您的页脚有点卡在页面底部。

您需要在页脚底部添加一些填充，以便为页面向上滚动留出一些额外空间。您可以通过在 CSS 中添加一行来做到这一点：

#footer { padding-bottom: 40%; }

或通过在您的 javascript 文件中添加一行：

document.getElementById("footer").style.paddingBottom="40%";

任何一个都应该工作，但如果你想动态调整页脚底部的填充，使填充恰到好处，根据屏幕大小，你可能想看看javascript的window onresize事件并调整相应地填充。或者您可能只使用CSS3 媒体查询。