3

问候和感谢您的时间。

我刚刚开始了一份新工作,为一家耳机公司建立了一个新的营销网站。我仍然是一名学生,还有一年的时间,我试图找出最好的方法来应对我为这个网站提供的挑战。

该站点是一个视差滚动站点,具有水平和垂直移动。

我需要建议的领域是该站点是一个滚动站点,因此没有自然的点来刷新页面。我们有近 25 种产品,每种产品都有多种变化,总共超过 250 张图片。我的老板希望网站尽可能无缝地滚动,即用户将向左/向右移动以查看产品,然后用户向上/向下移动以查看特定产品的变化。

加载这些图像的最有效方法是什么?

  1. 我的第一个想法是让预加载器在主页加载后开始加载所有内容。这似乎是最简单的解决方案,但可能不太有效?

  2. 我的下一个想法是让滚动触发额外的预加载事件?我已经对此进行了研究,我可以就如何最好地实现这一点提出一些建议?我试图在合理范围内避免用户看到加载 gif。

  3. 还没有下一个想法?但请让我参与任何其他可能更好的过程。

我不是在寻找一个明确的答案,但如果你想提供一个......我真的只是在寻找建议,希望有一些文章可以让事情顺利进行。

4

1 回答 1

1

我也遇到了类似的情况,虽然我的视差网站只是为了实验/娱乐,但我发现https://github.com/protonet/jquery.inview/是一个可能的解决方案。第一个部分的加载器,然后在该视图之后将加载到滚动的下一个部分。

于 2012-07-20T13:01:51.697 回答