gpt4 book ai didi

javascript - 如何使视差滚动到多列

转载 作者:行者123 更新时间:2023-11-28 00:59:47 26 4
gpt4 key购买 nike

我想对包含照片的多个列制作视差效果。

我尝试了很多想法,但我没有找到制作这样的东西的解决方案 http://weareeli.dk/从零开始。

你能帮我出点主意吗?

谢谢!

最佳答案

起初,这不是视差滚动。这意味着事物将以不同的速度滚动,从而使外观看起来离眼睛更远。

我们这里的(我猜)更简单。

  • 每一列都是相互独立的
  • 整体溢出隐藏
  • 每一列都有两个 EventListeners
    1. 第一个是带有标题的深灰色带上的拖动听众
    2. 第二个是列本身的滚动监听器
  • 每当捕获到前两者的事件时,就会调用一个 Controller Action ,它将计算一个介于 0% 和 100%(或 0 和 1)之间的百分比值
  • 该 Controller 将使用计算出的百分比值向 View 发送一条消息
  • View 将调用函数(可以使用 jQuery 完成),这些函数将滚动列并向上或向下移动灰色带。

应该就这些了。<​​/p>

关于javascript - 如何使视差滚动到多列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52736747/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com