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