栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

jQuery Mobile防止在页面过渡之前滚动到顶部吗?

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

jQuery Mobile防止在页面过渡之前滚动到顶部吗?

在描述您需要了解的可用解决方案之前,这不是错误,也不是完美的解决方案。问题在于,要为过渡到另一个页面设置动画,视口必须位于页面的顶部,以便当前页面和在其中过渡的页面垂直排列。

如果您在一页上的一长串列表(例如1000像素)的中途,而要传输到的页面只有几百个像素,则当前页面将在屏幕上进行适当的动画处理,但是新页面将无法显示为它会在视口上方。

iScroll是一种Javascript,可以在Web浏览器中的窗口中滚动内容,其行为与在iPhone和Android等移动设备上进行本机滚动非常相似。这意味着您可以使用类似本机的滚动条和物理原理在浏览器中滚动窗口。

这也是我们当前问题的解决方案。由于iScroll实现,无论列表视图滚动到多远,页面都将占据页面高度的100%。这也是为什么返回列表视图仍将停留在相同位置的原因。

当然,如果要实施此解决方案,则应选择iScrollview实施。您仍然可以实现iScroll,但这将花费更多时间。

2.静音滚动

官方文档:http :
//jquerymobile.com/demos/1.1.0-rc.1/docs/api/methods.html

此jQuery Mobile功能也是我们首先遇到此问题的原因。在触发页面转换之前,原始页面会静默滚动到顶部。

在我们的例子中,当选择listview时,必须记住它的位置在这里您将找到在页面转换期间存储的数据/参数的解决方案,只需搜索章节:
页面转换之间的数据/参数操作
),然后再更改页面。在这种情况下,当我们返回上一页时,可以使用pagebefpreshow事件在显示页面之前静默滚动到底部。

//scroll to Y 100px$.mobile.silentScroll(100);

更多信息

如果您想了解有关此主题的更多信息,请阅读 本文 ,您还将找到一些可用的示例。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/615363.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号