javascript - 粘性js脚本的问题

Question

我在我的网站上使用这个插件/代码： http ://labs.anthonygarand.com/sticky/： http ://www.jkogden.net/ocdb/games/

如果您访问我的网站并向下滚动，您会注意到右侧边栏也会滚动 - 这部分效果很好。但是，当您位于屏幕顶部时，您无法点击任何链接，除非您向下滚动一些链接。

在他们的演示页面上，我没有认为这是一个问题。我究竟做错了什么？

Answer 1

在声明中：

#container-content-right-side, #container-content-right-side-ocdb

你有

z-index: -1;

取下它，或者放上它，z-index: 1;它会起作用（我使用现场检查进行了检查）

Answer 2

我不知道插件为什么会这样做，但是如果你把这个 css 规则放在它上面会很好：

#container-content-right-side-ocdb-sticky-wrapper { height: 1px !important; }

不好的答案，但它的工作...

该插件用 div 包装您的内容并为其提供上述 id。显然它使用该 div 只是作为页面的锚点，但是它将 div 的高度设置为 430px，这就是问题所在。