Skip to content

Commit ba3853f

Browse files
tangbctangbc
committed
Build docs
1 parent ff27f5c commit ba3853f

File tree

6 files changed

+23
-11
lines changed

6 files changed

+23
-11
lines changed

‎docs/css/app.c29e6843.css

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/css/app.fd752fac.css

Lines changed: 0 additions & 1 deletion
This file was deleted.

‎docs/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0"><title>vue-virtual-scroll-list</title><link rel=icon href=favicon.png><link rel=stylesheet href=milligram.css><link rel=stylesheet href=highlight/theme.css><script src=highlight/pack.js></script><script async defer src=https://buttons.github.io/buttons.js></script><script>hljs.initHighlightingOnLoad()</script><link href=css/chat-room.9f37805a.css rel=prefetch><link href=css/dynamic-size.9013d8ce.css rel=prefetch><link href=css/fixed-size.840ec49f.css rel=prefetch><link href=css/horizontal.50e26ffa.css rel=prefetch><link href=css/infinite-loading.4b238c18.css rel=prefetch><link href=css/keep-state.2736386a.css rel=prefetch><link href=css/page-mode.bb1117ff.css rel=prefetch><link href=js/chat-room.37e520ca.js rel=prefetch><link href=js/chat-room~dynamic-size~fixed-size~horizontal~infinite-loading~keep-state~page-mode.fea2e070.js rel=prefetch><link href=js/dynamic-size.debe7fb6.js rel=prefetch><link href=js/fixed-size.fab2dd0f.js rel=prefetch><link href=js/horizontal.6faaaf18.js rel=prefetch><link href=js/infinite-loading.afbe430b.js rel=prefetch><link href=js/keep-state.d5fcfbd1.js rel=prefetch><link href=js/page-mode.ff8e6c9b.js rel=prefetch><link href=css/app.fd752fac.css rel=preload as=style><link href=js/app.13fd1368.js rel=preload as=script><link href=js/chunk-vendors.cb54c5d1.js rel=preload as=script><link href=css/app.fd752fac.css rel=stylesheet></head><body><div id=app></div><script src=js/chunk-vendors.cb54c5d1.js></script><script src=js/app.13fd1368.js></script></body></html>
1+
<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0"><title>vue-virtual-scroll-list</title><link rel=icon href=favicon.png><link rel=stylesheet href=milligram.css><link rel=stylesheet href=highlight/theme.css><script src=highlight/pack.js></script><script async defer src=https://buttons.github.io/buttons.js></script><script>hljs.initHighlightingOnLoad()</script><link href=css/chat-room.9f37805a.css rel=prefetch><link href=css/dynamic-size.9013d8ce.css rel=prefetch><link href=css/fixed-size.840ec49f.css rel=prefetch><link href=css/horizontal.50e26ffa.css rel=prefetch><link href=css/infinite-loading.4b238c18.css rel=prefetch><link href=css/keep-state.2736386a.css rel=prefetch><link href=css/page-mode.bb1117ff.css rel=prefetch><link href=js/chat-room.37e520ca.js rel=prefetch><link href=js/chat-room~dynamic-size~fixed-size~horizontal~infinite-loading~keep-state~page-mode.fea2e070.js rel=prefetch><link href=js/dynamic-size.debe7fb6.js rel=prefetch><link href=js/fixed-size.fab2dd0f.js rel=prefetch><link href=js/horizontal.6faaaf18.js rel=prefetch><link href=js/infinite-loading.afbe430b.js rel=prefetch><link href=js/keep-state.d5fcfbd1.js rel=prefetch><link href=js/page-mode.ff8e6c9b.js rel=prefetch><link href=css/app.c29e6843.css rel=preload as=style><link href=js/app.140ab398.js rel=preload as=script><link href=js/chunk-vendors.cb54c5d1.js rel=preload as=script><link href=css/app.c29e6843.css rel=stylesheet></head><body><div id=app></div><script src=js/chunk-vendors.cb54c5d1.js></script><script src=js/app.140ab398.js></script></body></html>

‎docs/index.js

Lines changed: 19 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
/*!
2-
* vue-virtual-scroll-list v2.1.9
2+
* vue-virtual-scroll-list v2.2.0
33
* open source under the MIT license
44
* https://github.com/tangbc/vue-virtual-scroll-list#readme
55
*/
@@ -647,19 +647,18 @@
647647

648648

649649
if (this.pageMode) {
650+
this.updatePageModeFront();
650651
document.addEventListener('scroll', this.onScroll, {
651652
passive: false
652-
}); // taking root offsetTop or offsetLeft as slot header size
653-
654-
var root = this.$refs.root;
655-
656-
if (root) {
657-
this.virtual.updateParam('slotHeaderSize', root[this.isHorizontal ? 'offsetLeft' : 'offsetTop']);
658-
}
653+
});
659654
}
660655
},
661656
beforeDestroy: function beforeDestroy() {
662657
this.virtual.destroy();
658+
659+
if (this.pageMode) {
660+
document.removeEventListener('scroll', this.onScroll);
661+
}
663662
},
664663
methods: {
665664
// get item size by id
@@ -742,6 +741,18 @@
742741
}, 3);
743742
}
744743
},
744+
// when using page mode we need update slot header size manually
745+
// taking root offset relative to the browser as slot header size
746+
updatePageModeFront: function updatePageModeFront() {
747+
var root = this.$refs.root;
748+
749+
if (root) {
750+
var rect = root.getBoundingClientRect();
751+
var defaultView = root.ownerDocument.defaultView;
752+
var offsetFront = this.isHorizontal ? rect.left + defaultView.pageXOffset : rect.top + defaultView.pageYOffset;
753+
this.virtual.updateParam('slotHeaderSize', offsetFront);
754+
}
755+
},
745756
// reset all state back to initial
746757
reset: function reset() {
747758
this.virtual.destroy();

‎docs/js/app.13fd1368.js renamed to ‎docs/js/app.140ab398.js

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎example/src/App.vue

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -105,6 +105,7 @@ h1, h2, h3, h4, h5, h6 {
105105
.example-content {
106106
margin-top: 1em;
107107
background-color: #fff;
108+
position: relative;
108109
}
109110
110111
.scroll-touch {

0 commit comments

Comments
 (0)