Question

At a quick glance there seems to be a few questions on SO about lack of vertical scroll. My problem is the opposite, I have vertical scroll but no horizontal. Here’s the page in question:

http://bgmobile.sytes.net/dogs/threegenpedigree/1

I must’ve missed something fundamental… but my JS/CSS-Fu is not strong.

EDIT: I just noticed in scrollview.js it adds the data-scroll attr with value ‘y’. I have changed that to ‘true’ but it still doesn’t fix it. I have also removed the opts parameter from the scrollview() call after checking out the defaults, and still it only scrolls on the vertically.

Answer 1

this is style issue
add css like below

     .containerstyle{

      }
      .containerstyle > .ui-scrollview-view {
       width: 1300px;/*specify the width you want ,
       put a larger value than your screen resolution*/           
      }

and change the code for the div as below

      <div data-scroll="true" class="containerstyle"></div>

Hope this helped.