playscroll

PlayScroll is a slider The plug-in USES // The load control // this.$refs.plScroll(Scroll element) this.plScroll = new plScroll(this.$refs.plScroll, { yScroll: false, // Pull up and down��Pull up and down, slide left and right can't be true at the same time�� xScroll: true, // Or so slippery up:{}, // Pull on the configuration down: {}, // The drop-down configuration // If you're pulling up and down, you don't have to write LeftRight LeftRight: { scrollbar: true, // Whether scroll bars need to be hidden truehidden || false no hidden (The default value true) springback: true, // Need to bounce back true bounce || false no bounce (default true) springbackNum: 150, // Maximum rebound range (default 150)(Do not write without bouncing back) // this.onScrolls��scroll, scrollLeft����scroll: The object itself, scrollLeft: Scroll bar distance onScroll: this.onScrolls }, })

"version": "1.0.3", Vue instance :

...... content ( content: Content must have width)

data () { return { plScroll: null } } mounted() { this.plScroll = new plScroll(this.$refs.plScroll, { yScroll: false, // Pull up and down��Pull up and down, slide left and right can't be true at the same time�� xScroll: true, // Or so slippery up:{}, // Pull on the configuration down: {}, // The drop-down configuration // If you're pulling up and down, you don't have to write LeftRight LeftRight: { scrollbar: true, // Whether scroll bars need to be hidden truehidden || false no hidden (The default value true) springback: true, // Need to bounce back true bounce || false no bounce (default true) springbackNum: 150, // Maximum rebound range (default 150)(Do not write without bouncing back) // this.onScrolls��scroll, scrollLeft����scroll: The object itself, scrollLeft: Scroll bar distance onScroll: this.onScrolls }, }) }

methods: { onScrolls () { console.log(scroll, scrollLeft) } }