jquery mobile multi-column scrolling

Question

Does JQuery have an equivalent to Dojo's scrollview? I want to have multiple panes scrolling independently on a worklight tablet application. I tried iscroll-view but it scrolls the whole screen rather than just a single content pane.

In the mobile browser simulator it works find and the scrolling is nice and smooth. however, when I run it on an actual iPad v2 it scrolls the whole page and even scrolls the headers and nav bar at the bottom.

Could you share your HTML content, to see how you have implemented so far and if any improvements can be done to your code? — Orlando Rincón, Aug 22 '13 at 14:50

score 0 · Accepted Answer · edited May 23 '17 at 12:31

0

I have the following from Scroll JQuery Mobile Panel Separately From Content - it works for us for a panel as navigation.

    /*-------------------Styling for Nav Panel Scrolling Independent from Content:START--------------------------*/

 .ui-panel.ui-panel-open {
        position:fixed;
    }
 .ui-panel-inner {
        position: absolute;
        top: 0px;
        left: 0;
        right: 0;
        bottom: 0px;
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
    }


 /*-------------------Styling for Nav Panel Scrolling Independent from Content:END--------------------------*/

edited May 23 '17 at 12:31

Community

1
1

answered Aug 22 '13 at 19:40

christianmenkens

790
4
22

This worked a treat for me. I had tried the iScroll but on the iPad (intended target) this worked even better. I've seen some issues where I needed to initiate the scrolling with a two finger swipe rather than one. I will investigate further to ensure that it works as required. – Aug 25 '13 at 23:34

score 0 · Answer 2 · answered Apr 28 '14 at 07:09

0

JqueryMobile roadmap http://jquerymobile.com/roadmap/ says independent scolling should arrive in version 1.7

As a hack workaround maybe adding the divs via an iframe may offer a clumsy solution.

answered Apr 28 '14 at 07:09

EnglishAdam

1,380
1
19
42

jquery mobile multi-column scrolling

2 Answers2