iscroll的使用
生活随笔
收集整理的這篇文章主要介紹了
iscroll的使用
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
那時(shí)候剛出來工作,很多東西都不懂,也是整了很久,還是問了別人才知道怎么使用,HTML的布局比較重要。
引入iscrll.js文件:
<script src="./js/iscroll-master/build/iscroll.js" type="text/javascript"></script> // 滾動(dòng)插件var option = document.getElementById('kind-option');var myScroll = new IScroll(option,{click:true});myScroll.refresh();html代碼
<div id="kind-option" class="kind-option"><ul class="kind-option-nav"><li><a href="javascript:void(0);">立白</a></li><li><a href="javascript:void(0);">六必治</a></li><li><a href="javascript:void(0);">好爸爸</a></li><li><a href="javascript:void(0);">超威</a></li><li><a href="javascript:void(0);">威王</a></li><li><a href="javascript:void(0);">貝貝健</a></li><li><a href="javascript:void(0);">西蘭</a></li><li><a href="javascript:void(0);">藍(lán)天</a></li><li><a href="javascript:void(0);">清怡</a></li><li><a href="javascript:void(0);">潤(rùn)之素</a></li><li><a href="javascript:void(0);">凈博士</a></li></ul></div>在前不久我也做了一個(gè)vue的收銀項(xiàng)目也用到了這個(gè)滾動(dòng)插件,有兩種引入的辦法,試過了都可行,一種是在index.html直接用script標(biāo)簽引入全局的。
一種是用import引入到對(duì)應(yīng)的組件,如果覺得每個(gè)組件都引用麻煩的話,可以在main.js import進(jìn)來,然后Vue.prototype.$iscroll = Iscroll;通過這樣引入全局的。
總結(jié)
以上是生活随笔為你收集整理的iscroll的使用的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: javaScript PC端网页特效
- 下一篇: python3-pandas 数据结构