Showing with 6 additions and 2 deletions.

+4 −0 css/structure/jquery.mobile.panel.css

+2 −2 js/widgets/panel.js
diff --git a/css/structure/jquery.mobile.panel.css b/css/structure/jquery.mobile.panel.css
@@ -173,6 +173,10 @@
 	display: none;
 }
 
+.ui-page-active.ui-panel-body-scroll-block{
+	overflow-x:hidden;
+}
+
 @media screen and (min-width: 30em){
 	.ui-responsive.ui-panel{
 		width: 25%;

diff --git a/js/widgets/panel.js b/js/widgets/panel.js
@@ -145,7 +145,7 @@ $.widget( "mobile.panel", $.mobile.widget, {
 			if( o.display === "push" ){
 				$contentsWrap.addClass( "panel-push" );
 			}
-			$( "body" ).addClass( "ui-panel-body-scroll-block" );
+			$( ".ui-page-active" ).addClass( "ui-panel-body-scroll-block" );
 		}, 0);//TODO setTimout hacks
 		return deferred.promise();
 	},
@@ -212,7 +212,7 @@ $.widget( "mobile.panel", $.mobile.widget, {
 		$( "#page-block" ).remove();
 		$( "." + o.classes.contentWrap ).removeClass( "panel-shift-" + position )
 			.removeClass( "panel-push" );
-		$( "body" ).removeClass( "ui-panel-body-scroll-block" );
+		$( ".ui-page-active" ).removeClass( "ui-panel-body-scroll-block" );
 		return deferred.promise();
 	},
 	toggle: function( options ){