| | |
|---|
| | | 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
|
|---|
