moparisthebest/app-UI
1
0
Fork 0
mirror of https://github.com/moparisthebest/app-UI synced 2025-03-11 06:50:24 -04:00
Code Issues Releases Wiki Activity

fixed iOS flicker introduced in last commit… needs to be tested further, but this is a quick fix

Browse Source
This commit is contained in:
Andrew Trice 2012-05-22 21:52:30 -04:00
parent 0f6ef10291
commit bca792c256
2 changed files with 23 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/viewnavigator/viewnavigator.css
View File

@ -27,10 +27,16 @@ body {
top:0px; top:0px;
bottom:0px; bottom:0px;
left:0px; left:0px;
right:0px; right:0px;
overflow: hidden; overflow: hidden;
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
} }
.viewNavigator_root { .viewNavigator_root {
@ -56,6 +62,11 @@ body {
background: linear-gradient(top, rgba(167,207,223,1) 0%,rgba(35,83,138,1) 100%); /* W3C */ background: linear-gradient(top, rgba(167,207,223,1) 0%,rgba(35,83,138,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cfdf', endColorstr='#23538a',GradientType=0 ); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cfdf', endColorstr='#23538a',GradientType=0 ); /* IE6-9 */
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
} }
.viewNavigator_header_backlink { .viewNavigator_header_backlink {
@ -110,9 +121,11 @@ body {
bottom:0px; bottom:0px;
overflow:hidden; overflow:hidden;
backface-visibility: hidden; backface-visibility: hidden;
-webkit-backface-visibility: hidden; -webkit-backface-visibility: hidden;
-webkit-transform:translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
} }
@ -124,13 +137,13 @@ body {
-webkit-backface-visibility: auto; -webkit-backface-visibility: auto;
} }
/*
.viewNavigator_content div { .viewNavigator_content div {
backface-visibility: visible; backface-visibility: visible;
-webkit-backface-visibility: visible; -webkit-backface-visibility: visible;
-webkit-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0);
}*/ }
.viewNavigator_contentHolder { .viewNavigator_contentHolder {
position:absolute; position:absolute;
@ -149,6 +162,9 @@ body {
backface-visibility: hidden; backface-visibility: hidden;
-webkit-backface-visibility: hidden; -webkit-backface-visibility: hidden;
transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
} }

4
src/viewnavigator/viewnavigator.js
View File

@ -147,7 +147,7 @@ ViewNavigator.prototype.updateView = function( viewDescriptor ) {
this.scroller = null; this.scroller = null;
if (this.contentPendingRemove) { if (this.contentPendingRemove) {
console.log( scrollY ); //console.log( scrollY );
//use this to mantain scroll position when scroller is destroyed //use this to mantain scroll position when scroller is destroyed
var children = $( this.contentPendingRemove.children()[0] ); var children = $( this.contentPendingRemove.children()[0] );
@ -286,7 +286,7 @@ ViewNavigator.prototype.resetScroller = function() {
var scrollY= targetDiv.attr( "scrollY" ); var scrollY= targetDiv.attr( "scrollY" );
var originalTopMargin = targetDiv.attr( "originalTopMargin" ); var originalTopMargin = targetDiv.attr( "originalTopMargin" );
if ( scrollY != undefined && scrollY != "" ){ if ( scrollY != undefined && scrollY != "" ){
console.log( "resetScroller scrollY: " + scrollY) // console.log( "resetScroller scrollY: " + scrollY)
// targetDiv.css( "margin-top", originalTopMargin ); // targetDiv.css( "margin-top", originalTopMargin );
var cssString = "translate3d(0px, "+(originalTopMargin).toString()+"px, 0px)"; var cssString = "translate3d(0px, "+(originalTopMargin).toString()+"px, 0px)";
targetDiv.css( "-webkit-transform", cssString ); targetDiv.css( "-webkit-transform", cssString );