gpt4 book ai didi

jQuery CSS 页面转换

转载 作者:行者123 更新时间:2023-11-28 12:13:15 25 4
gpt4 key购买 nike

<分区>

我一直在使用 jQuery 和 CSS 转换测试页面转换。我想要实现的是页面之间的加载是“无缝”的,即页面不会闪烁。 (我正在努力实现的示例:https://www.dropbox.com/guidehttp://www.rezo-zero.com/en/)

Web 上最常见的示例之一是以下关于 Codrops 的文章:http://tympanus.net/Development/PageTransitions/ .尽管效果很好,但此处显示的示例仅循环浏览同一页面上的元素,而不是重定向到另一个页面

除了 Codrops,我还查看了 smoothState.js ( http://css-tricks.com/add-page-transitions-css-smoothstate-js/ ) 插件,虽然演示看起来很棒,但我无法通过我所做的测试获得相同的结果。退出动画没有被触发,而且页面有时似乎需要很长时间才能加载。也许我做错了什么,但目前插件似乎不够稳定。

经过更多研究后,我在 stackoverflow 上发现了这个问题:Seamless Page Changing with AJAX并设法创造出我想要的效果。这方面的例子可以在这里看到:https://dl.dropboxusercontent.com/u/18543481/historyjs-page-transition/test.html .

我在这里进行的简单测试是,一旦全屏加载可见,内容就会向上滑动,加载到另一个页面,然后内容会向下滑动。 (请注意,目前这是一个简单的测试,并不是一切都准备就绪,即后退按钮,但我知道这个问题很容易解决)。

我想问的是我使用的方法是否正确,或者是否有更好的方法来解决这个问题?

最后我想补充一点,我也读到类似的东西也可以用 Angular.JS 实现,不确定它是否是可行的解决方案,因为我以前从未使用过 Angular.JS。

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