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的使用相关推荐

2017.4.24 js 中的iscroll
1 有时下拉不能滚动,解决方法: 要保证iscroll 的高度大于外部的wrapper的高度; #wrapper {height:100%} #scroller {height:100.1%} 2 o ...
iScroll.js 用法参考（share）
http://www.cnblogs.com/asqq/archive/2012/04/23/2466132.html http://www.nb88.net/Index/p/id/406 http: ...
iscroll 滚动刷新
一个拉动刷新的例子演示 :http://cubiq.org/dropbox/iscroll4/examples/pull-to-refresh/ 源码如下 <script type=" ...
iscroll动态加载数据完美解决方案
iscroll动态加载数据完美解决方案参考文章: (1)iscroll动态加载数据完美解决方案 (2)https://www.cnblogs.com/ShoneH/p/5253758.html (3 ...
解决iscroll.js上拉下拉刷新手指划出屏幕页面无法回弹问题
解决iscroll.js上拉下拉刷新手指划出屏幕页面无法回弹问题参考文章: (1)解决iscroll.js上拉下拉刷新手指划出屏幕页面无法回弹问题 (2)https://www.cnblogs.co ...
jQ 插件 iscroll.js
使用方法 <div style="position: relative;"> <div id="wrapper"> <div cl ...
VUE iscroll（银联二维码，浩哥页面用过）
基本使用方法: $ npm i vue-iscroll-view --save-dev $ npm i iscroll --save-dev import IScrollView from 'vue- ...
ajax 下拉刷新上拉加载更多,局部刷新iscroll控件的具体使用（下拉刷新，上拉加载更多）...
标签下,这是调用iscroll的必要条件,否则会出现不能刷新或者不能滑动页面的情况.此外还有商量刷新及下拉刷新的标签,在iscroll中有这两个标签的样式,若不想用默认的样式,也可通过覆盖的方式添加其 ...
iscroll.js 触屏手机web-kit浏览器滚动效果代码库
/**!* iScroll v4.1.8 ~ Copyright (c) 2011 Matteo Spinelli, http://cubiq.org* Released under MIT lice ...
iScroll 5 API 中文版
前言最近项目上需要使用iScroll,在中文圈里找了找,只找到了iScroll 4的中文版API.加上最近开始使用github(准确说,github账号是很多年前注册的,一直在企业应用里摸爬滚打,荒 ...

iscroll的使用

那时候刚出来工作，很多东西都不懂，也是整了很久，还是问了别人才知道怎么使用，HTML的布局比较重要。

引入iscrll.js文件：

html代码

iscroll的使用相关推荐

最新文章

热门文章