Search code examples
jqueryscrollibm-mobilefirstdojoworklight-studio

jquery mobile multi-column scrolling


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.


Solution

  • 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--------------------------*/