AkkomaGang/admin-fe
6
2
Fork 9
Code Issues 5 Pull requests 2 Projects Releases Wiki Activity

fix[Sticky]: fixed bug in resize #724

Browse source
This commit is contained in:
Pan 2018-05-31 13:22:12 +08:00
parent 03e5f762b3
commit 0375542009
1 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/components/Sticky/index.vue
View file

@ -29,7 +29,8 @@ export default {
active: false, active: false,
position: '', position: '',
width: undefined, width: undefined,
height: undefined height: undefined,
isSticky: false
} }
}, },
mounted() { mounted() {
@ -52,6 +53,7 @@ export default {
this.position = 'fixed' this.position = 'fixed'
this.active = true this.active = true
this.width = this.width + 'px' this.width = this.width + 'px'
this.isSticky = true
}, },
reset() { reset() {
if (!this.active) { if (!this.active) {
@ -60,6 +62,7 @@ export default {
this.position = '' this.position = ''
this.width = 'auto' this.width = 'auto'
this.active = false this.active = false
this.isSticky = false
}, },
handleScroll() { handleScroll() {
this.width = this.$el.getBoundingClientRect().width this.width = this.$el.getBoundingClientRect().width
@ -71,8 +74,10 @@ export default {
this.reset() this.reset()
}, },
handleReize() { handleReize() {
if (this.isSticky) {
this.width = this.$el.getBoundingClientRect().width + 'px' this.width = this.$el.getBoundingClientRect().width + 'px'
} }
} }
}
} }
</script> </script>