javascript - 使用不透明度显示部分的页面，在#section 之后，然后执行 Javascript ScrollTo(0,0)

Question

这是我的应用程序 - http://www.shalgreetings.com/我试图在 CSS 中覆盖向下滚动到图像部分的滚动条，以便当人们浏览不同的#sections 时，整个应用程序始终可以看到 Logo 、标题和其他控件。我不确定在 CSS 中的哪个位置，我犯了错误，因为单击 #sections 会遍历页面。这是此应用程序的 original inspiration code , 它做对了。

任何人都可以指出上述应用中问题出在哪里？

编辑 - 这不是 CSS 的问题。也许我正在寻找一个可以跟随链接的 Javascript 解决方案，但仍然是 ScrollTo(0,0)。

Answer 1

您的 CSS 没有错误，灵感代码在某种程度上“作弊”:他只使用了几张照片，因此视口(viewport)永远不会太短而无法显示所有内容。在这个例子中，你可以让你的窗口高度变短，它会出现同样的问题。

您可能已经知道可以使用一些 javascript (onclick="return false;") 来解决这个问题。恐怕没有纯 CSS 方法可以防止这种情况发生。