索引页

Question

我正在使用jquerymobile和滚动视图来启用div上的水平滚动。但我有问题，当我滚动后抬起手指。它回到原始位置，无法选择我想要选择的项目，因为无法选择滚动的内容。这是我的代码

<div data-scroll="x" style="min-width:10000px; width: auto !important; width: 10000px;border: solid 1px black; white-space: nowrap;">
<div style="width: 350px; float: left;margin-left: 60px;">
             <div data-role="collapsible" data-collapsed="true" data-iconpos="bottom">
                 <h3>Morning</h3>
             </div>
             <div data-role="collapsible" data-collapsed="true" >
                 <h3>Afternoon</h3>
             </div>
             <div data-role="collapsible" data-collapsed="true" >
                 <h3>Evening</h3>
             </div>
         </div>
         <div style="width: 350px; float: left;margin-left: 60px;">
             <div data-role="collapsible" data-collapsed="true" >
                 <h3>Morning</h3>
             </div>
             <div data-role="collapsible" data-collapsed="true" >
                 <h3>Afternoon</h3>
             </div>
             <div data-role="collapsible" data-collapsed="true" >
                 <h3>Evening</h3>
             </div>

         </div>
         <div style="width: 350px; float: left;margin-left: 60px;">
             <div data-role="collapsible" data-collapsed="true" >
                 <h3>Morning</h3>
             </div>
             <div data-role="collapsible" data-collapsed="true" >
                 <h3>Afternoon</h3>
             </div>
             <div data-role="collapsible" data-collapsed="true" >
                 <h3>Evening</h3>
             </div>
         </div>


     </div>

因此，无法选择第三个内部div中的项目，因为滚动时无法访问它们。我做错了什么。？我在scrollview的演示页面上使用默认的js文件。也可以使用这些js文件正常进行演示

Answer 1

知道这是一个老话题，它应该得到任何答案。今天我使用iscroll 4.2和最新版本的iscrollview遇到了同样的问题。使用以下小提琴：http://jsfiddle.net/Gajotres/952NJ/

索引页

<div data-role="content">
    <div class="example-wrapper" data-iscroll>
        <ul data-role="listview">
            <li><a href="#">Some link</a></li>
            <li><a href="#">Some link</a></li>  
    </div>          
</div>

<div data-theme="b" data-role="footer">
    <h1>Footer</h1>
</div>

我能够让我的代码正常运行。显然，iscrollview需要不同的数据角色div：页面，页眉，页脚和内容才能工作。因此，请确保您的代码放在这些代码中。

滚动后，Jquerymobile Scrollview会回到原始位置。不能保持滚动位置

1 个答案:

索引页