你好,
我甚至不知道如何开始这个，我在网上搜索，在这个论坛没有结果到目前为止。
我试图实现的是有一个网站表现得像一个演示滚动。
这意味着它根本不应该滚动，而不是垂直或水平滚动。
相反，当你点击下一张幻灯片时，它应该表现得像一个PowerPoint演示文稿(淡出和新幻灯片淡入)
为了简化，我们有两个部分
- 英雄部分，黑色背景的白色文字
- 白底黑字的使命宣言部分
滚动时，白色文本应该淡出，背景应该从黑色变为白色，第二部分的黑色文本应该淡出。
我意识到我可能只是在一个div块中堆叠多个部分，然后使用动画，但想象一下，这将是一个巨大的痛苦，开发和设计，如果我有10个部分，可能会变得混乱。
我尝试了滚动动画和不透明度淡入淡出，但它不是很好或干净
有没有人有一个关于如何实现这一点的想法或建议?
非常感谢
这是我的公众分享链接:https://preview.www.raktarban.com/preview/colins-wondrous-site-f6e1a3?utm_medium=preview_link&utm_source=designer&utm_content=colins-wondrous-site-f6e1a3&preview=43c0a9eb444e75f0bcfdd291f1014199&workflow=preview
Ps:什么使这更困难的是我没有动画显示none(隐藏/显示)的选项，如果我工作与元素触发器-而滚动在视图…
有趣的是，如果我使用“滚动到视图”，我将有这个选项，但我需要动画多个部分，所以这并不是真的工作…
Keithen(韦伯Keithen)
# 3
为什么不直接用ppt，哈哈?
第二:我不会使用“当滚动”或“滚动到视图”。我将使用当鼠标点击因此，如果你点击section的任何地方，它就会隐藏/显示元素。然后我将单击每个独立的div或文本，你想动画和只是做“滚动到视图时”偏移无，并使用一个已经创建的动画。
这是因为我想创建一个特定风格的网站。我想创造一种不同的用户体验。它是关于用户访问页面的效果和体验
所以就像一些垂直滚动的页面看起来很棒，给人留下深刻印象，我希望它在滚动时有不同的反应，只是褪色。
如果用户必须点击某个地方，那么就会产生不同的效果，而不会得到预期的结果，从而破坏整个目的
Keithen(韦伯Keithen)
# 5
如果你不希望它们只是点击任何地方，你可以总是创建一个按钮，触发一个交互，将隐藏/显示某些部分，如果按下。
下面这些视频可能会帮助你达到你想要的效果:
水平滚动也是一种可能，这将使用更少的交互(减少javascript的使用和页面加载时间)。我希望这能有所帮助。
感谢您的回复和提示Keithen!
然而不幸的是，虽然所有的解决方案都是有趣的变通方法，但它们仍然违背了我所尝试的目的(即任何可见滚动或任何需要点击的按钮对我来说都是不可取的)
也许我试图创建的是技术上不可能在webflow，或者我真的不擅长描述我想做什么:
一个网站在滚动时不会向下或向左或向右滚动，而是部分淡出和一个新的部分淡出(没有任何向下或向一边移动)，基本上就像如果我有一张幻灯片，按空格键进入下一张幻灯片
下面是我接下来要尝试的:
看看是否有可能链接一个滚动条(即使只有1%滚动条)来触发自动交互
我需要找到一个互动，可以触发和播放所有的方式，直到完成(这我需要所以即使是1%的滚动将像powerpoint中的空格键-它将触发动画和播放没有中断，直到下一节是可见的)否则你需要滚动方式很多，它不会是平滑的-所以它应该有点像scrolllify .js
希望这是有意义的，如果没有办法在webflow做，我想我将需要找到一个不同的解决方案
我已经通过“滚动动画-在视图中滚动”走到了这一步:
https://preview.www.raktarban.com/preview/colins-wondrous-site-f6e1a3?utm_medium=preview_link&utm_source=designer&utm_content=colins-wondrous-site-f6e1a3&preview=62e7b0b2e3a03d020a4a0a7d775b9025&workflow=preview
但是我一次只能做1个部分，当我尝试做更多的部分时，在一个滚动动画中几乎不可能做到这一点(即使我将容器vh设置为400 vh或一些疯狂的高度)
Keithen(韦伯Keithen)
# 7
我绝对认为你想做的在Webflow内部是可能的。我也认为你是在正确的轨道上，到目前为止看起来不错。
为了在鼠标的某个区域滚动，必须知道在触发下一次交互之前要走多远。所以，你必须为每个部分设置特定的高度。
我仍然觉得水平对齐所有项目将是最佳实践，因为视口将全部在屏幕外，更容易设置滚动动画，以实现淡出和淡入呈现外观。
