Scroll CSS/Javascript-视差滚动-滚动魔术链接移动阻止其他图像链接

各位程序员好， 我是HTML5/CSS/Javascript编程新手，我会尽量把我的问题弄清楚

我在我的网站上使用了scroll magic，当你向下滚动时，导航链接会滚动到一边。这是你的电话号码。然而，我已经意识到，当我这样做时，当导航链接和带有链接区域的图像元素处于同一水平面时，我就不能再点击下面的图像了：Scrollmagic链接移动会阻止其他图像链接。我希望能够在整个视差滚动过程中仍然单击这两个链接，即使导航链接和缩略图链接处于同一级别

我尝试过：更改这两个元素的z值，更改.site导航和页面导航的大小，并花了很多时间试图编辑一些细节，看看问题在哪里可以解决，但都没有用。下面是css的一些部分，我觉得答案就在这里，但我可能错了

视差导航链接的CSS：

.site-nav {
display: block;
position: fixed;
width: 100;
text-align: center;}

用于链接到HR图像的图像缩略图链接的CSS：

.page-nav {
display: block;
width: 100%;
text-align: center;
z-index: 10;
margin-top: 300px;

}

---

所以，如果这听起来对你来说是一个简单的答案，这真的会帮我很大的忙。希望我的帖子是相关的，有意义的！如果需要澄清，请告诉我。

这是不可能的。您有一个固定位置的无序列表。列表的宽度横跨整个页面，将阻止您单击导航容器下方的元素。这可以通过使用Chrome的开发工具查看我的屏幕截图看到。您可能希望尝试的一件事是在元素滑向右侧后减小容器的宽度，但这意味着在javascript中加入更多内容

---

我还注意到您将宽度设置为100。你的意思是在没有装置的情况下设定吗？还是错了？谢谢你的回答。也许是个错误，我最近编辑了很多东西，所以我可能忘记了。为了尝试一种解决方案，也许我应该一直尝试最小化列表的大小？或者，即使它是一个固定的元素，这也有可能吗？sitenav容器可能需要跨越页面的宽度才能正常工作。当您开始滚动时，它将调整每个列表元素的左侧位置。我会考虑重新考虑整个导航设计。首先，让导航位于页面元素之上并不是一个很好的做法。好吧，所以我在这方面还是个新手，但我真的想修复它以使其正常工作。对于如何重新思考导航设计，您有没有简洁的建议？你真是帮了大忙。再次感谢你的答复。也许考虑一个粘性菜单？或者在需要时弹出的右侧或左侧菜单。