@plcmp/pl-virtual-scroll 0.1.13 → 0.1.14

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@plcmp/pl-virtual-scroll",
-    "version": "0.1.13",
+    "version": "0.1.14",
     "description": "Component for lazy list render.",
     "main": "pl-virtual-scroll.js",
     "repository": {

package/pl-virtual-scroll.js

@@ -22,7 +22,7 @@ class PlVirtualScroll extends PlElement {
         renderedStart: { type: Number, value: 0 },
         renderedCount: { type: Number, value: 0 },
         phyItems: { type: Array, value: () => [] },
-        canvas: { type: Object },
+        canvas: { type: Object }
     }
     static template = html`
         <style>
@@ -147,8 +147,8 @@ class PlVirtualScroll extends PlElement {
         /*let first = Math.floor(offset / this.elementHeight);
         let last = Math.ceil((offset+height) / this.elementHeight);*/
         // Reset scroll position if update data smaller than current visible index
-        if (!scroll && this.items.length < (offset + height * 1.5) / this.elementHeight) {
-            canvas.parentNode.scrollTop = 0;
+        if (!scroll && this.items.length < Math.floor((offset + height) / this.elementHeight)) {
+            canvas.parentNode.scrollTop = this.items.length * this.elementHeight - height;
         }
         let shadowEnd = Math.min(this.items.length, Math.ceil((offset + height * 1.5) / this.elementHeight));
         let shadowBegin = Math.max(0, Math.floor(Math.min((offset - height / 2) / this.elementHeight, shadowEnd - height * 2 / this.elementHeight)));
@@ -232,7 +232,7 @@ class PlVirtualScroll extends PlElement {
             if (n.style) {
                 n.style.transform = `translateY(${target.offset}px)`;
                 n.style.position = 'absolute';
-                n.setAttribute('virtualOffser', target.offset);
+                n.setAttribute('virtualOffset', target.offset);
             }
         });
         return target;