diff --git a/ui (gen4)/experiments/native-scroll-ribbon-infinite.html b/ui (gen4)/experiments/native-scroll-ribbon-infinite.html index 2005dd42..1c558070 100755 --- a/ui (gen4)/experiments/native-scroll-ribbon-infinite.html +++ b/ui (gen4)/experiments/native-scroll-ribbon-infinite.html @@ -2,25 +2,6 @@ @@ -120,6 +101,7 @@ .ribbon-container { position: relative; + display: block; height: 120px; width: 100%; @@ -300,13 +282,20 @@ var setup = function(){ 'margin-left': -W/2, 'margin-top': -H/2, }, 0) + // XXX make this generic... .scroll(function(){ var sh = this.scrollHeight var st = this.scrollTop // XXX for some reason removing/adding items from/to // the top does not require compensating here... - // ...need to re-read my CSS ;) + // ...it appears that if scrollTop is more than + // the removed height then element positions do + // not change... + // - chrome only??? + // ...does not seam to work on other browsers + // - vertical scroll only??? + // ...can't repeat for horizontal scroll // top limit... if( st < threshold ){ @@ -315,6 +304,7 @@ var setup = function(){ // add ribbon... if(n > 0){ + // XXX compesate... ribbon_set.prepend(makeRibbon(--n)) // remove ribbon from bottom... @@ -333,6 +323,7 @@ var setup = function(){ // remove ribon from top... if(c.length > ribbon_count){ + // XXX compesate... c[0].remove() } }