上面的截图 ,是手机端的一个滑动刷新效果.用的是scroll.js插件.每项中又有一个滑动,是左右滑动的用swiper.js插件,查看每个班级的信息.当手从swiper上开始滑动的时候,整个scroll就显得很不灵敏.各种调试,各种alert终于把问题定位在swiper.js的touchend上.touchend没有冒泡到scroll上,但是touchstart,toucnmove是有冒泡到scroll上的.找了好久都没有找到哪里阻止了冒泡.最后想到一个办法,就是在swiper的touchend上调用scroll的touchen...
首先，当我知道我得到一个任务需要写一个在手机上能浏览图片的插件时，我第一想到了iScroll。它的左右滑动，上下滑动的效果在安卓手机上也能让用户有良好的体验，自己写也能方便控制。我的需求是，插件要能左右滑动图片，当图片很长的时候要能上下滑动浏览全部图片，还要支持手势缩放，特别是较长或者较宽的图片。1.当最开始的时候，我做了一个本地缓存，把图片保存起来，为了加载滑动图片能更加流畅。js代码：var json=new Array...
http://demo.mobiscroll.com/range/rangepickertime/ 下载地址：http://download.mobiscroll.com/trial#/ios/datetime/range/number/animation/ua-theme/uf25229/jquery shimily shimily 1356300819@qq.com原文：http://www.cnblogs.com/shimily/p/4365102.html
本篇文章给大家分享的内容是浅析手机滑动插件--iscroll.js，有着一定的参考价值，有需要的朋友可以参考一下话不多说，直接上代码：//实例化滚动插件var myScroll = new IScroll(#wrapper, {scrollX: true, freeScroll: true});//实例化myScroll.scrollToElement(.active,true,true);//特定元素居中不知道大神是怎么做的 ，我是这样计算宽度的–//计算需要滚动盒子的宽度var wrapper = $("#wrapper");wrapper.find("ul").width((wra...
经常看到在一些产品介绍页，看到全屏滚动的特效，今天推荐款jQuery插件给大家，jQuery全屏鼠标滚动切换页面特效插件multiScroll.js，支持众多的参数自定义配置，scrollingSpeed：切换速度、easing：动画效果、navigation：false是否出现导航，还支持事件Callback函数调用，onLeave、afterLoad等，效果还是和不错的，浏览器兼容方面：IE8, 9, Opera 12、以及现代的浏览器，需要浏览器支持CSS3属性，推荐学习和使用。使用方法： 1.加...
近期在移动方面的开发，使用jQuery Mobile ，移动方面的插件不如Web 方面的插件多，选择的更少，有一些需要自己去封装，但功力尚不足啊。 日期插件JQM也提供了内置的，但样式方面不好看，只好百度、Google啦，找到了两款 jquery-mobile-datebox 和 mobiscroll-2.3 jqueryMobileDatebox 这个在板上的表现不好，性能方面有点卡 mobiscroll 性能方面比前者要好一些，效果更简洁 ，划动更流畅 放在一起对比下各位看官，你们觉得哪个好看...
这篇文章主要介绍了关于移动端日期及选择插件mobiscroll ，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下在很多的form表单中，我们经常会用到日期插件，这类插件比较多，这里推荐一个很好用的移动端日期插件：mobiscroll首先引入插件相关文件 <link href="css/mobiscroll.css" rel="stylesheet" /> <link href="css/mobiscroll_date.css" rel="stylesheet" /> <script src="js/jquery.min.js"></script> <scrip...
这次给大家带来iScroll插件实现内容滚动案例详解，iScroll插件实现内容滚动的注意事项有哪些，下面就是实战案例，一起来看一下。一、iScroll简介iScroll 是一款针对web app使用的滚动控件，它可以模拟原生IOS应用里的滚动列表操作，还可以实现缩放、拉动刷新、精确捕捉元素、自定义滚动条等功能。这里博主使用的版本iScroll4.25，目前最新版本是iScroll5，大家可以去官网下载。 官网地址：http://iscrolljs.com/二、iScroll使用方法...
我们知道，IScroll.js插件是兼容所有移动端滚动条事件的插件，在一些安卓机中，我们没法通过overflo:scroll操作滚动条；但IScroll.js确可以放在安全的容器元素中处理滚动，下面就给大家详细介绍一下IScroll.js。注意在使用IScroll.js必须要有3层元素嵌套，如：<div class="food-left"><ul class="food-nav"><li></li><li></li><li></li><li></li></ul></div>最外层的food-left必须要有两个css样式：position:relative;和overflow:h...
jQuery iScroll.js 移动端滚动条美化插件第1/5页_jquery官网：http://cubiq.org/iscroll-5demo:滚动刷新：http://cubiq.org/dropbox/iscroll4/examples/pull-to-refresh/ Carousel demoiScroll功能很强大，目前我只用来 自定义滚动条 以下简单介绍一下iscrol在移动端自定义滚动条时的使用和注意事项。一、用法iScroll对要滚动的元素进行初始化，且不限制一个页面中使用iScroll的元素个数。使用iScroll时，DOM树的结构要足够简单，...
大家在日常工作中最常用的插件是什么，jQurey？Lazyload？但是这些都是在PC端，但是在移动端最常用的插件莫过于iScroll了，iScroll到底是什么东西，应该怎么用？iScroll是个很强大的插件，我也只是略懂皮毛，这里我们简单的介绍一下。 iScroll的产生： iScroll的产生完全是因为移动版webkit浏览器，例如在iPhone，Android 的移动设备上。 iScroll的使用方法： iScroll的原理是外层有一个溢出隐藏（overflow:hidden;）的DOM，然后这...
近期在移动方面的开发，使用jQuery Mobile ，移动方面的插件不如Web 方面的插件多，选择的更少，有一些需要自己去封装，但功力尚不足啊。 日期插件JQM也提供了内置的，但样式方面不好看，只好百度、Google啦，找到了两款 jquery-mobile-datebox 和 mobiscroll-2.3 jqueryMobileDatebox 这个在板上的表现不好，性能方面有点卡 mobiscroll 性能方面比前者要好一些，效果更简洁 ，划动更流畅 放在一起对比下各位看官，你们觉得哪个好看...
JQuery插件：iScroll 页面布局：下拉刷新...上拉加载更多...翻页，是通过ajax请求，把页码传入一般处理程序，在一般处理程序中获得分页后的数据返回json数组对象。 下拉刷新：/*** 下拉刷新 （自定义实现此方法）* myScroll.refresh(); // 数据加载完成后，调用界面更新方法*/function pullDownAction() {setTimeout(function () { var el, li, i;el = document.getElementById('thelist');//====================================...
三款日期选择插件推荐给大家： 1.My97DatePicker纯原生JS，专注于PC端，支持IE6+；页面上只需要引入WdatePicker.js文件，但是My97DatePicker整个目录是一个整体，最好不要破坏里面的目录结构，否则就会报错找不到指定文件。(1)直接在html文件中写入<input id="ipt" type="text" onclick="WdatePicker()" /> 注意：由于此插件是原生JS写的，所以绑定点击事件请务必请用原生JS的点击事件绑定方法，如果使用$(#ipt).on(click,function...
mobiscroll js日期插件的基础入门案例，移动端开发过程中可能会用到。 <html><head><meta charset="UTF-8"><title>mobiscroll</title><link type="text/css" rel="stylesheet" href="../js/mobiscroll.custom-2.6.2.min.css" /></head><body><!--mobiscroll会将表单控件的value属性与插件的输入值绑定--><input id="date" name="date" /><br /><input id="time" name="time" /><br /><input type="button" value="showTime" onclic...