From: Jinhyuk Jun <jinhyuk.jun@samsung.com>
Date: Tue, 4 Jun 2013 02:31:17 +0000 (+0900)
Subject: Scrollview : update scroll performance
X-Git-Tag: submit/tizen_2.2/20130714.154816~14^2~9
X-Git-Url: http://review.tizen.org/git/?a=commitdiff_plain;h=99e5eda8c9db53d7c4d63a3774446a95969cd004;p=framework%2Fweb%2Fweb-ui-fw.git

Scrollview : update scroll performance
---

diff --git a/src/js/jquery.mobile.tizen.scrollview.js b/src/js/jquery.mobile.tizen.scrollview.js
index 71c1f2d..ce954b9 100644
--- a/src/js/jquery.mobile.tizen.scrollview.js
+++ b/src/js/jquery.mobile.tizen.scrollview.js
@@ -63,6 +63,10 @@ define( [ ], function ( ) {
 	 */
 	function getCurrentTime() {
 		return Date.now();
+	};
+
+	function bitwiseAbs( e ) {
+		return ( e ^ (e>>31)) - (e>>31);
 	}
 
 	jQuery.widget( "tizen.scrollview", jQuery.mobile.widget, {
@@ -263,6 +267,8 @@ define( [ ], function ( ) {
 			this._add_scrollbar();
 			this._add_scroll_jump();
 			this._add_overflow_indicator();
+			this._moveInterval = 10; /* Add Interval */
+			this._clipHeight = 0;
 		},
 
 		/**
@@ -572,9 +578,13 @@ define( [ ], function ( ) {
 				$sbt = $vsb.find(".ui-scrollbar-thumb");
 
 				if ( sm === "translate" ) {
-					this._setElementTransform( $sbt, "0px",
-						-y / this._getViewHeight() * $sbt.parent().height() + "px",
-						duration );
+					if ( bitwiseAbs( this._moveInterval - bitwiseAbs(y)) > 20 ) {
+						/* update scrollbar every 20(clientY) move*/
+						/* Add Interval */
+						this._setElementTransform( $sbt, "0px",
+							-y / this._view_height * this._clipHeight + "px",
+							duration );
+					}
 				} else {
 					$sbt.css( "top", -y / this._getViewHeight() * 100 + "%" );
 				}
@@ -846,7 +856,7 @@ define( [ ], function ( ) {
 
 			this._didDrag = false;
 			this._skip_dragging = false;
-
+			this._clipHeight = this._$clip.height();
 			var target = $( e.target ),
 				self = this,
 				$c = this._$clip,
@@ -933,6 +943,7 @@ define( [ ], function ( ) {
 		 * @return {boolean|undefined}
 		 */
 		_handleDragMove: function ( e, ex, ey ) {
+			this._moveInterval = ey;
 			if ( this._skip_dragging ) {
 				return;
 			}
@@ -1245,7 +1256,7 @@ define( [ ], function ( ) {
 		_setOverflowIndicator: function ( dir ) {
 			if ( dir === 1 ) {
 				this._opacity_top = "0";
-				this._opacity_bottom = "0.8";
+				this._opacity_bottom = "0.8"; /* Add Interval */
 			} else if ( dir === 0 ) {
 				this._opacity_top = "0.8";
 				this._opacity_bottom = "0";
@@ -1264,8 +1275,8 @@ define( [ ], function ( ) {
 				return;
 			}
 
-			this._overflow_top.animate( { opacity: this._opacity_top }, 300 );
-			this._overflow_bottom.animate( { opacity: this._opacity_bottom }, 300 );
+			this._overflow_top.css( "opacity", this._opacity_top );
+			this._overflow_bottom.css( "opacity", this._opacity_bottom );
 
 			this._overflow_showed = true;
 		},
@@ -1332,6 +1343,7 @@ define( [ ], function ( ) {
 				this._dragCB = function ( e ) {
 					var touches = e.originalEvent.touches;
 
+
 					switch ( e.type ) {
 					case "touchstart":
 						if ( touches.length != 1) {
@@ -1483,6 +1495,7 @@ define( [ ], function ( ) {
 				}, 260 );
 
 				self._view_height = view_h;
+				self._clipHeight = self._$clip.height();
 			});
 
 			$( window ).bind( "vmouseout", function ( e ) {
@@ -1526,6 +1539,8 @@ define( [ ], function ( ) {
 
 			$c.closest(".ui-page")
 				.bind( "pageshow", function ( e ) {
+					self._view_height = self._$view.height();
+
 					/* should be called after pagelayout */
 					setTimeout( function () {
 						self._view_height = self._getViewHeight();