Search jQuery

jQuery Forum

Horizontal Scrolling-enabled Pages

in jQuery Mobile • 11 years ago

Hello,

I have 2 pages in my application. One contains simple Login form and other contains custom design for TV Listings interface. I put my custom design in a page div but as you already know it makes my design fit to device's width.

<div data-role="page" id="login" data-title="Login">
... Simple Form and Action Button
</div>
<div data-role="page" id="tv" data-title="Guideline">
... custom design
</div>

My custom design's width is wide than device's width because of timeline part. Is it possible to enable a horizontal scroll? It would be perfect if it works with touch events.

Thank you.

-Umut

Replies(2)

frequent

Re: Horizontal Scrolling-enabled Pages

11 years ago

You can use the experimental scrollview feature by JQM.

Add the scrollview and easing.js and .css files and add data-scroll="x" to your element. You might need to initialize scrollview on the element, but other than that it should work nicely.

Don't forget on none-touch mobile browsers you will run into problems if no scrollbars are available.

Cheers,

Frequent

mrgoodbyte

Re: Horizontal Scrolling-enabled Pages

11 years ago

Thank you for your answer but it didn't work. I think my custom design part conflict with scrollview because div didn't show up when I use scroll parameter. On the other hand, maybe I made a mistake on adding that feature to my code :)

I think I need to find another way to build my application.

Top Reply

Response title

Attachments

jQuery Forum

Horizontal Scrolling-enabled Pages

Replies(2)

Re: Horizontal Scrolling-enabled Pages

Re: Horizontal Scrolling-enabled Pages

Statistics

Tags

Actions

Related Posts