gpt4 book ai didi

jquery - 使用 jQuery Mobile 幻灯片过渡保持滚动位置

转载 作者:技术小花猫 更新时间:2023-10-29 11:44:39 25 4
gpt4 key购买 nike

我目前正在开发一个使用 jQuery Mobile 的移动网站。切换页面时,我使用幻灯片切换。因为这些页面很长,所以需要滚动。

当向下滚动并单击链接时,当页面滚动到顶部并滑入新页面之前会出现明显的跳转。当在某些时候需要将滚动过渡到顶部时,这两个页面并排放置。

我试过的一件事是:我可以从顶部偏移新页面,以便它从页面滚动到的级别开始,并在动画完成时将偏移量重置回 0,但页面将保持向下滚动。如果我使用 window.scrollTo 或 jQuery 的 scrollTop() ,固定 header 会出现明显的闪烁。

我还能做些什么来保持旧页面滚动但新页面不滚动吗?

我已经在第三代 iPod touch、iPhone 4 和 iPhone 4s 上对此进行了测试,令人惊讶的是,迄今为止给我带来的闪烁最少的设备是 iPod touch。

最佳答案

只需添加此 CSS

div[data-role='page'] { bottom: 0; -webkit-overflow-scrolling: touch; }

(来自 here)

关于jquery - 使用 jQuery Mobile 幻灯片过渡保持滚动位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12731303/

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