| | |
|---|
| | | 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 |
|---|
| | | const $containerWidth = $container.offsetWidth |
|---|
