search

watusi / jquery-mobile-iscrollview

JQuery Mobile widget plug-in for easy use of the iScroll javascript scroller.
408 stars 183 forks source link

The rest of the page won't scroll if a page has an iscroll div in it, iPad & iPhone #156

Open rebecca2227 opened 8 years ago

rebecca2227 commented 8 years ago

Below is an example of my code. While the popup works fine and all the content scrolls perfectly within it, the rest of the page won't scroll anymore. It's fine on desktop, but once I bring it onto my iPhone or iPad it won't. It doesn't work in Safari or with Phonegap. Thanks for your time!

``` ``` 
<body>
    <div data-role="page" id="pageOne">
        <div data-role="header" data-position="fixed" data-tap-toggle="false" data-transition="none">
            <h1>Page One</h1>
        </div>

        <div data-role="content">
            <div data-role="popup" class="popUp" id="popupDialog" data-overlay-theme="b" data-theme="b" data-dismissible="true" style="width:600px;">
                <div class="header" data-role="header" data-theme="a">
                    <h1>Filter Type</h1>
                </div>

                <div  data-role="content" data-iscroll>
                    <ul data-role="listview" id='tag_list'>
                    <li><a href="#">List item</a></li>
                     ...
                    </ul>
                </div>

                <div class="footer" data-role="footer">
                   <a class="close" href="#" data-rel="back" data-role="button">Close</a>
                 </div>
            </div>   
        </div>

        <div data-role="footer" data-position="fixed" data-tap-toggle="false" data-transition="none">
        </div>    
    </div>
</body>