Panel: ScrollTop only when ui-content is out of view

Fixes #6767
Closes #8483

Author: apsdehal

js/helpers.js

@@ -255,6 +255,19 @@ $.extend( $.mobile, {
 		this.loading._widget = loader;
 
 		return returnValue;
+	},
+
+	isElementCurrentlyVisible: function( el ) {
+		el = typeof el === "string" ? $( el )[ 0 ] : el[ 0 ];
+		var rect = el.getBoundingClientRect();
+
+		return (
+			rect.bottom > 0 &&
+			rect.right > 0 &&
+			rect.top <
+			( window.innerHeight || document.documentElement.clientHeight ) &&
+			rect.left <
+			( window.innerWidth || document.documentElement.clientWidth ) );
 	}
 } );
 

js/widgets/panel.js

@@ -216,7 +216,8 @@ return $.widget( "mobile.panel", {
 						( heightWithMargins - heightWithoutMargins ) );
 				}
 			}
-			if ( scrollToTop === true ) {
+			if ( scrollToTop === true &&
+				!$.mobile.isElementCurrentlyVisible( ".ui-content" ) ) {
 				this.window[ 0 ].scrollTo( 0, $.mobile.defaultHomeScroll );
 			}
 		} else {