| | |
|---|
| | | return this.$refs.scrollContainer.$refs.wrap |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | mounted() { |
|---|
| | | this.scrollWrapper.addEventListener('scroll', this.emitScroll, true) |
|---|
| | | }, |
|---|
| | | beforeDestroy() { |
|---|
| | | this.scrollWrapper.removeEventListener('scroll', this.emitScroll) |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | handleScroll(e) { |
|---|
| | | const eventDelta = e.wheelDelta || -e.deltaY * 40 |
|---|
| | | const $scrollWrapper = this.scrollWrapper |
|---|
| | | $scrollWrapper.scrollLeft = $scrollWrapper.scrollLeft + eventDelta / 4 |
|---|
| | | }, |
|---|
| | | emitScroll() { |
|---|
| | | this.$emit('scroll') |
|---|
| | | }, |
|---|
| | | moveToTarget(currentTag) { |
|---|
| | | const $container = this.$refs.scrollContainer.$el |
|---|
| | |
|---|
| | | position: relative; |
|---|
| | | overflow: hidden; |
|---|
| | | width: 100%; |
|---|
| | | /deep/ { |
|---|
| | | ::v-deep { |
|---|
| | | .el-scrollbar__bar { |
|---|
| | | bottom: 0px; |
|---|
| | | } |
|---|
