我们有一个购物篮页面,其中有产品,然后是运输方式。这是一个jQuery mobile
site.
我想要实现的目标是,如果选择了运输方式,那么如果有页面重新加载,jQuery mobile 会跳转到div
到运输方式。
这是代码,滚动到运输方式。这是一个内联脚本。
$(document).on("pageshow", function (e, ui) {
$.mobile.silentScroll($('#kosar').offset().top);
});
预期结果:页面刷新时,窗口滚动到#kosar
div.
目前结果: 页面滚动到#kosar
div,但立即滚动到页面顶部。
我们发现,如果在执行后出现一些错误silentScroll
,窗口不跳回页面顶部。看来,之后的事情pageshow
将其滚动到后面,但我们不知道是什么。
例如:
$(document).on("pageshow", function (e, ui) {
$.mobile.silentScroll($('#kosar').offset().top);
undefined_function(); //This function is not exists
});
以下是非工作和“工作”示例:
这是一个活生生的例子。当您刷新页面时,您将看到一秒钟的大红色文本,然后您将立即被带到页面顶部。
这是有错误的示例。
我已经在FF开发版中测试过了。使用 Chrome,您需要将浏览器的大小调整得小一点,并刷新几次才能看到滚动条如何跳到底部和向上。
如何防止这种烦人的滚动到顶部?