11< meta charset ="utf-8 ">
22< title > vueScrollbar demo</ title >
3- < script src ="https://unpkg.com/vue "> </ script >
3+ < script src ="https://unpkg.com/vue@2 "> </ script >
44< script src ="./vueScrollbar.umd.js "> </ script >
55
66< link rel ="stylesheet " href ="./vueScrollbar.css ">
77
88
99< div id ="app ">
10- < demo > </ demo >
10+ < vue-scrollbar class ="scroll-area " :settings ="settings ">
11+ < img src ="https://raw.githubusercontent.com/Binaryify/vue-custom-scrollbar/master/docs/azusa.jpg " height ="720 "
12+ width ="1280 " alt ="">
13+ </ vue-scrollbar >
1114</ div >
1215
1316< script >
14- new Vue ( {
15- components : {
16- demo : vueScrollbar
17- }
18- } ) . $mount ( '#app' )
17+ new Vue ( {
18+ components : {
19+ vueScrollbar : vueScrollbar
20+ } ,
21+ data ( ) {
22+ return {
23+ settings : {
24+ suppressScrollY : false ,
25+ suppressScrollX : false ,
26+ wheelPropagation : false
27+ }
28+ }
29+ } ,
30+ } ) . $mount ( '#app' )
1931</ script >
32+ 33+ < style >
34+ .scroll-area {
35+ position : relative;
36+ margin : auto;
37+ width : 600px ;
38+ height : 400px ;
39+ }
40+ </ style >
0 commit comments