防止iScroll滚动列表视图筛选器

我正在尝试使用javascript-jquery.mobile.iscroll plugin将iScroll集成到我的应用程序中。我想用它来滚动某个页面的listview组件。我希望这个listview的过滤器在页眉之后保持固定，只滚动listview项目。防止iScroll滚动列表视图筛选器

当我试图以编程方式移动过滤器形式的股利打上id="scroller"之前（以避免滚动吧）这样的方式：

$('#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/

预先感谢您的帮助！

来源

2012-01-27 Pablo

嘿，你有没有找到解决方案？即时通讯面临同样的问题 – dali 2012-03-30 15:30:52

我已经添加了最终代码的问题的答案。 – Pablo 2012-06-06 06:34:06

我终于解决了它在div之前移动过滤器data-role="content"像这样$('.ui-content').before($('form.ui-listview-filter'));。

最终的代码是here万一任何人有兴趣。

来源

2012-06-06 06:33:24 Pablo

防止iScroll滚动列表视图筛选器

回答

相关问题