CODEWITHSUNDEEP
jquery-mobile
user1640480
user1640480

Reputation: 49

Jquery mobile Page

I am using jquery mobile for my mobile app. I want to make a page where data-role=content should be scroll when it is overflow but it is scrolling whole page with header and footer. I want to scroll only content div and header and footer divs should be fixed. I have already seen iscrollview but its only working in iPhone or any other way.

Please suggest how can I make this design.

Upvotes: 0

Views: 121

Answers (2)

Gilly
Gilly

Reputation: 9692

Just add a data-position="fixed" to your header and footer. Check this example below: 

<div data-role="page"> 
    <div data-role="header" data-position="fixed" data-tap-toggle="false">...</div> 
    <div data-role="content">...</div> 
    <div data-role="footer" data-position="fixed" data-tap-toggle="false">...</div> 
</div>

Upvotes: 1

Orville Patterson
Orville Patterson

Reputation: 524

Take a look at http://cubiq.org/iscroll-4; it may not be jQuery, but it is a great JavaScript plugin for Mobile Scrolling.

You would add an ID to each UL and attach a scroll to each one separately.

Upvotes: 0

Related Questions