您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

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

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

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

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

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

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

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

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

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

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

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

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

JS 2022/1/1 18:14:18 有571人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶