3

我们中的一些人想知道为什么本教程演示中的图像一触到顶部就会消失 - 在演示中的幻灯片 3 上慢慢滚动:

http://webdesigntutsplus.s3.amazonaws.com/tuts/338_parallax/src/index.html

我无法弄清楚。教程在这里: http ://webdesign.tutsplus.com/tutorials/complete-websites/create-a-parallax-scrolling-website-using-stellar-js/

4

5 回答 5

8

我找到了答案:这是hideDistantElements在 stellar.js 中找到的参数。您需要将 0 更改为 1,从而有效地禁用它。

参考: https ://github.com/markdalgleish/stellar.js/issues/7

于 2012-09-21T20:10:47.927 回答
1

我遇到了同样的问题,为了性能,我不想禁用 hideDistantElements。

我注意到如果我滚动到它们的位置(它们通常会消失的地方)并重新加载页面,这些 div 将保持可见。如果这对您有用,请尝试以隐身模式打开页面,因为问题似乎出在网站的缓存端。

我还将所有名为“scroll”的类的名称更改为唯一的名称,但是我不确定这有什么不同,因为那是我注意到缓存问题的时候。

希望这对任何人都有帮助,至少它对我有用。

于 2013-02-06T16:58:25.450 回答
0

我也有这个问题。我注意到滚动元素在特定 div 之后过早地开始消失 - 该 div 与其他 div 之间的区别在于该 div 具有“float: none” css 属性。

尝试添加float: left到您正在滚动的 div。

编辑:另外,我发现如果您刷新页面并且您已经滚动到页面的一半,则会发生错误。为了解决这个问题,responsive: true在实例化 stellar 时添加参数

于 2013-07-15T23:57:52.750 回答
0

从作者那里找到了解决方案: https ://github.com/markdalgleish/stellar.js-site/issues/1

无需隐藏DistantElements。只需在您的 css 或 html 中设置 div/image 的尺寸。

于 2013-08-30T16:47:06.210 回答
0

设置 div 大小和恒星的选项对我没有帮助。修复background-attachment:initial;了用于滚动 div 的问题。

于 2013-09-13T13:43:23.027 回答