search

zippy1978 / jquery.scrollz

Modern scrolling for jQuery
GNU General Public License v2.0
81 stars 17 forks source link

JQM Panel collides with scrollz #13

Closed donkeytastic closed 11 years ago

donkeytastic commented 11 years ago

I am using a JQM panel (new in 1.3) to 'reveal' a menu from the left. See example on JQM 1.3 site... http://view.jquerymobile.com/1.3.0/docs/widgets/panels/panel-fixed.php

However the page layout gets hosed (panel overlays the page content instead of pushing aside and content becomes misaligned) when opening the menu on any page that includes data-scrollz="pull" on the content div.

Here is the example page before scrollz... http://jsfiddle.net/martyn/rBPXL/7/ ...and after scrollz inclusion... http://jsfiddle.net/martyn/rBPXL/9/

Thanks,

Martyn.

zippy1978 commented 11 years ago

Hi, It is probably a styling issue : when using scrollz the content background disappears.

What you can do is adding a div level like this :

<div data-role="content" class="jqm-content">
    <div data-scrollz="pull">
       Your content here !
    </div>
</div>

Checkout a live example here : http://jsfiddle.net/YCEN2/

donkeytastic commented 11 years ago

You're a star. Worked perfectly.

Many Thanks!