互斥的css样式,CSS视差标题和粘性导航互斥？

我正在研究一个新的HTML5 CSS3模板，它具有视差滚动标题，以及粘滞导航菜单和滚动到顶部链接。CSS视差标题和粘性导航互斥？

我已经获得了单独工作的元素，但是，有一些CSS视差标题规则打破了粘滞导航和滚动链接，它正在我的脑海里！

的CSS规则：

html {

height: 100%;

overflow: hidden;

}

打破使用JavaScript/jQuery的滚动事件

$(window).scroll(function() {

alert("Hello!");

});

永远不会触发该事件的能力，但注释掉的CSS规则和它的作品。

其次，视差效应需要设置的CSS立体规则，这些似乎破坏位置：如粘导航和滚动固定的，：固定

body {

-webkit-perspective: 1px;

perspective: 1px;

-webkit-transform-style: preserve-3d;

transform-style: preserve-3d;

}

这些规则阻止位置的任何元件到顶部的链接。

我正在寻找允许所有三个元素一起工作的解决方案。我宁愿尽量避免在jQuery中改变背景位置属性的视差，但如果这是唯一的方法，那么我就不得不这样做。

欢迎任何建议。

我已经离开注释掉，所以你可以看到粘导航以及如何滚动到顶部的链接工作规则。取消注释规则和标题的工作很好，但不包括导航或链接。

在此先感谢您的任何建议:)

2017-07-23

TimTrott