在滑动到新页面JqueryMobile之前,请阻止自动滚动到顶部

时间:2011-10-14 14:02:05

标签: html5 listview css3 jquery-mobile collapsable

我的页面中有几个可折叠的块(div),里面有listviews。这些列表非常长(每个大约100-200个元素。)当我解开块时,向下滚动页面,然后单击/点击列表中的一个元素,页面滚动到顶部,然后滑动到下一个页。

这种行为有些烦人,看起来并不好看。我有办法阻止这种行为吗?

如果您对我的帖子有任何其他疑问,请不要犹豫,问我。

提前致谢。

1 个答案:

答案 0 :(得分: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 -->

我不确定这是不是你在想什么。