首页 > web前端 > css教程 > 仍然希望有更好的本地页面过渡

仍然希望有更好的本地页面过渡

Jennifer Aniston
发布: 2025-03-25 09:26:17
原创
381 人浏览过

仍然希望有更好的本地页面过渡

如果我们想在网络上不求助于黑客或成熟的体系结构选择来实现它,那么能够在网页上进行过渡会动画。我可以想象一个API会在页面卸载之前运行的东西,也许会与Waapi集成,以及下一页加载后的其他内容。这是带有常规的OL'Anchor链接和页面加载。

我们确实有一个OnBeunload API,但我不确定有哪种行李。即使没有单页应用架构,我们也可以从技术上构建页面过渡,但是我想要的是专用的API,可以帮助我们干净(可理解的功能),并且性能(可以像正常单击链接一样快速工作)和心中的可访问性(如焦点处理)。

如果您无论如何要构建单页应用程序,则可以自由地在视图之间进行动画,因为页面永远不会重新加载。这里的危险是,您可能只是为了这种能力选择一个单页应用程序,这就是我必须购买站点体系结构来实现这一目标的意思。这感觉就像是不幸的权衡,因为单页应用程序带来了大量的开销,例如工具和可访问性问题,您本来就不需要。

没有单页应用程序,您可以使用类似Turbo和Animate.css之类的东西。或者,亚当(Adam)的新Transition.Style,一种基于Daniel Edan的杰作的剪辑path()。也许如果该方法与Instant配对。页面将与任何其他内部链接单击一样快。

还有其他玩家试图解决这个问题,例如Smoothstate.js和Swup。诀窍是:拦截动作以移至下一页,首先运行动画,然后加载下一页,然后对新页面进行动画。从技术上讲,它会减慢一些速度,但是您可以非常有效地做到这一点,并且动作增加了足够的干扰,以使感知到的性能甚至更好。

理想情况下,我们不必为整个页面进行动画动画,但是我们可以拥有完全的控制来进行更有趣的过渡。哎呀,十年前,我正在为一个音乐家提供一个页面,在该页面上,在网站周围点击只是在四处移动,以便音频继续播放(这很有趣)。

这将是Web平台可以介入的好地方。我记得杰克(Jake)在几年前推动,但我不确定这是否到了任何地方。然后,我们得到了……好吗?这些就像您在页面上加载一个iframe,然后对其进行动画接管整个页面(并更新URL)。那里的动画不大,但是您肯定可以在周围滑动一些页面或进出淡出(嘿,这是另一条路:高速公路),例如Jquery Mobile在远古时代做的。

以上是仍然希望有更好的本地页面过渡的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板