Jquerymobile Scrollview возвращается в исходное положение после прокрутки. Не удерживает прокрученное положение - PullRequest
Новая
       23

Jquerymobile Scrollview возвращается в исходное положение после прокрутки. Не удерживает прокрученное положение

1 голос
/ 30 марта 2012

Я использую 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>

Таким образом, элементы в третьем внутреннем элементе не могут быть выбраны, поскольку они не могут быть достигнуты при прокрутке. все, что я делаю не так. ? Я использую js-файлы по умолчанию, как на демонстрационной странице scrollview. также демонстрации, работающие нормально, используя эти файлы js

1 Ответ

1 голос
/ 26 августа 2014

Зная, что это старая тема, она заслуживает ответа.Сегодня я столкнулся с той же проблемой при использовании 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-роли: data, header, footer и content.Поэтому убедитесь, что ваш код находится внутри этих тегов.

...