[英]Prevent iScroll scrolling listview filter
我正在尝试使用javascript-jquery.mobile.iscroll插件将iScroll集成到我的应用程序中。 我想用它来滚动某个页面的listview组件。 我希望这个listview的过滤器在标题之后保持固定,只滚动listview项目。
顺便说一下,我试图以编程方式移动过滤器表单,然后在标记为id="scroller"
的div之前(以避免滚动它),如下所示:
$('#testPage').live('pageinit', function() {
$('form.ui-listview-filter').insertBefore($('div.scroller'));
});
但是,表单不会移动并停留在可滚动区域中。 任何人都知道是否可以移动它或是否有其他方法来阻止过滤器的滚动?
我的HTML代码是这样的:
<div id="testPage" data-role="page" data-iscroll="enable">
<div data-role="header" data-position="inline">
<h1>Test</h1>
</div>
<div data-role="content" data-iscroll="scroller">
<div id="scroller">
<ul data-role="listview" data-filter="true">
<li><h3>Test1</h3></li>
<li><h3>Test2</h3></li>
<li><h3>Test3</h3></li>
...
<li><h3>Test60</h3></li>
</ul>
</div>
</div>
完整的例子在这里: http : //jsfiddle.net/emFbM/11/
预先感谢您的帮助!
我终于解决了它在div
之前使用data-role="content"
移动过滤器,如$('.ui-content').before($('form.ui-listview-filter'));
。
最终代码在这里以防万一有兴趣。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.