iscroll的使用
生活随笔
收集整理的這篇文章主要介紹了
iscroll的使用
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
那時候剛出來工作,很多東西都不懂,也是整了很久,還是問了別人才知道怎么使用,HTML的布局比較重要。
引入iscrll.js文件:
<script src="./js/iscroll-master/build/iscroll.js" type="text/javascript"></script> // 滾動插件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);">藍天</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></ul></div>在前不久我也做了一個vue的收銀項目也用到了這個滾動插件,有兩種引入的辦法,試過了都可行,一種是在index.html直接用script標簽引入全局的。
一種是用import引入到對應的組件,如果覺得每個組件都引用麻煩的話,可以在main.js import進來,然后Vue.prototype.$iscroll = Iscroll;通過這樣引入全局的。
總結
以上是生活随笔為你收集整理的iscroll的使用的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: javaScript PC端网页特效
- 下一篇: python3-pandas 数据结构