【问题标题】:Page Pilling or FullPage - How to make this scroll effectPage Pilling 或 FullPage - 如何制作这种滚动效果
【发布时间】:2021-03-25 15:26:25
【问题描述】:

我知道这不是一个非常精确的问题,但我不知道从哪里开始,我有一个目标设计的例子,但是我找不到任何解决方案和/或文档来帮助我制作这种类型的布局。

更具体地说,这是我想做的滚动效果,http://modern8.com/d5-process/

应该注意的是,我已经尝试过使用 FullPageJS 并且无法重新创建它,如果您可以看到效果包括根据滚动应用固定和相对位置,但正如我所指出的,我不知道从哪里开始。

非常感谢您给予我的帮助。

【问题讨论】:

  • 您可以从检查他们的页面开始 - 脚本在他们的 HTML 中。您的目标是了解它是如何完成的,这样您就可以做类似的事情。

标签: javascript css parallax fullpage.js scrollpane


【解决方案1】:

效果与pagePiling.js 相同,但 pagePiling.js 使用快速滚动,因此您将捕捉到每个部分。没有滚动条。

fullPage.js 使用付费视差扩展与autoScrolling: false(以避免快照)和将部分的全部内容放在fp-bg 元素内更接近。

这里有一篇关于它的文章。 https://alvarotrigo.com/blog/how-create-tumblr-website-effect/

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-12-26
    • 1970-01-01
    • 1970-01-01
    • 2019-02-25
    • 2021-02-22
    相关资源
    最近更新 更多