iSlider 是一个如丝般润滑的高性能H5页面全屏滑动组件, 追求的是性能,简洁,易用.
kele527 / islider Goto Github PK
View Code? Open in Web Editor NEW如丝般高性能H5全屏滑动组件
License: MIT License
如丝般高性能H5全屏滑动组件
License: MIT License
iSlider 是一个如丝般润滑的高性能H5页面全屏滑动组件, 追求的是性能,简洁,易用.
slideTo时能否有“滑动到某页”的动画效果?
按自己的理解写了一个源码解读,并且有几个小问题:
[1] 避免滑动太快产生间隙,记录new Date()来进行判断可能会好一些?
[2] 在_touchmove函数里面this.startPosNext = this.totalDist,为什么需要赋值给startPostNext,每次的_touchStart函数不是都将this.startPosNext 重置了?
在特定的条件,需要下滑是跳过几个页面,而上滑正常使用;目前的情况是无论上滑还是下滑都会跳到指定的那个页面,自己用addEventListener('touchmove')来判断的话,切换页面的动画效果就很不自然
非全屏使用时,横向滚动在IOS的浏览器中失效?
安卓中却没有问题。
怎么修改能够上下滑动查看全部啊
如果我想在vue项目里使用 可以npm安装么
var imglist;
$( function (){
$.ajax({
url:'/WechatWeb/Custom/GetPicToProblem.ashx',
type:'post',
dataType:'json',
data:{"No":1},
async: false,
success :function(data)
{
if (data!=null)
{
imglist=data;
}
var iSlider = new iSlider({
dom : document.getElementById('iSlider-wrapper'),
data: imglist,
isLooping: 1,
isOverspread: false,
plugins: ['dot', 'button', ['zoompic', { zoomFactor: 3 }]]
})
}
})
}
)
</script>
提示,iSlider is not a constructor 如果放在Success外面,data缺为空
在无痕/匿名模式下报错。只能去改源码了。可否添加一个配置项。
发现如果是多屏,.wrap这个div中只保留 两屏的.item 容器div, 剩下的都被removechild了,这样做如果是简单的动画h5还好说,如该某一屏中绑定有各种事件,或者各种初始化的小游戏等,那样就费事了,
而且每次修改dom结构,引起浏览器重绘,性能也有影响啊
怎么通过触发某个按钮后可以自动滑动页面?
问题: webview里, 页面滚动到底部时,手指拖拽滑动到webview的头部,页面会出现大量空白,并且,不会像浏览器内一样恢复定位。
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.