html - 在滑动到新页面 JqueryMobile 之前防止自动滚动到顶部

Question

我的页面中有几个可折叠 block (div)，其中包含 ListView 。列表很长(每个大约 100-200 个元素。)当我取消折叠 block 、向下滚动页面并单击/点击列表中的一个元素时，页面会滚动到顶部，然后再滑动到下一个页面。

这种行为有点烦人，而且看起来也不太好。我有什么办法可以防止这种行为吗？

如果您对我的帖子有任何其他问题，请随时问我。

提前致谢。

Answer 1

如果您使用带有“#”作为 href 的链接，它将跳到页面顶部，但是如果您添加“return false;”你的代码执行后，它不会跳起来。示例:

<script>
function test(){
alert('It works!'); // Just a simple function
}
</script>

<!-- Div to make the page scrollable -->

<div style="margin-top:1000px;height:1px;width:1px;"></div>

<a href="#" onClick="test(); return false;">Yay</a>
<!-- Triggering the test function and not jumping up to the top -->

不过我不确定这是否是您的想法。