jQuery滚动插件Sly.js 滑动最后几个元素不在一行 滑动显示不完整
来源:互联网 发布:c语言函数大全 chm 编辑:程序博客网 时间:2024/06/05 06:19
下载最新版的sly:http://darsa.in/sly/
移动端需要做适配,一行要求恰好显示10个li,总计是12个,因为是适配的问题,所以li的宽度就不能写死
最初的解决方案是是每个长度是总宽度是10%
css的写法
width:10%
发现差了几个像素导致后面的li直接被挤到下行去了,直接的后果就是看不到最后面的元素
后来用js直接算写成px
var width = (($("#list").width() - 10)/10); document.write("<style>" + "li{width:"+width+"px}"+ "</style>")
因为每个li有个右边框所以总宽度得去除10个像素
结果发现问题还是没解决
后来在css里面直接写
width:40px;
这样就没问题
慢慢的发现了一个规律,就是只要宽度是带小数点的就不行,整数就没问题
后来查找源码,原来
li的parent就是ul的宽度是round四舍五入出来的,而且插件里面用了大量的四舍五入,对于整数不存在误差,而小数随着累计误差就越来越大
对于sly1.6.1 链接:https://raw.githubusercontent.com/darsain/sly/master/dist/sly.js
来说,在line39
只需要把系统默认的round方法去掉就ok,把
var round = nMath.round
改成
var round = function (round) {return round;};
阅读全文
0 0
- jQuery滚动插件Sly.js 滑动最后几个元素不在一行 滑动显示不完整
- overflow 显示一行可以滑动,不显示滑动滚动条
- Android GirdView 最后一行显示不完整
- jQuery 滚动条插件之移动端 左右滑动不出现滚动条
- Android GirdView/Listview 最后一行显示不完整
- android GridView最后一行显示不完整解决办法
- Android GirdView/Listview 最后一行显示不完整
- C#Textbox滚动显示最后一行,不闪烁
- jquery mobiscroll 滑动、滚动
- 滑动解锁插件slideunlock.js不依赖jquery
- jQuery元素的滑动
- UItableView 设置滑动到最后一行
- jquery滑动门插件
- jQuery滑动条插件
- 当你的tableView有几行显示不全或者最后一行无法显示,而且无法滑动时
- Swipe JS滑动插件
- 滑动插件scroll.js
- jquery 滑动图片显示
- AdroidStudio上传SVN忽略文件
- comma.ai代码及实践纪实
- Centos7 Docker基本特性入门实践-2
- linux
- springMVC +easyUI + hibernate 集合kindeditor富文本编辑
- jQuery滚动插件Sly.js 滑动最后几个元素不在一行 滑动显示不完整
- AIDL 入门
- 使用Intellij ide在Azure上搭建JavaWeb项目
- Unity编辑器扩展
- pure seq2seq
- ORA-12005: may not schedule automatic refresh for times in the past
- wkhtmltopdf bug
- web前端需要具备SEO技能吗
- Netty4实战第一章:Netty和Java NIO APIs