/*十有三博客*/
  • 首页
  • 关于本站
  • 网站地图
  • RSS订阅

limarquee轮番插件图片略微抖动的问题

2016-04-17 十有三 1 浏览:5866 Web前端 插件工具

前阵子由于业务需要,使用了无缝无限轮番滚动插件limarquee,在使用过程中发现一些小问题,html元素所包含的图片在滚动的时候会有抖动的情况,导致看上去极不美观,没有平滑的效果。最终是通过一个小技巧稍微缓解了轮番过程中图片略微抖动的问题,但是还是没有较好的解决方法。

经过各种尝试,发现造成limarquee抖动的情况应该属于浏览器兼容问题,可以通过设置轮番元素父容器的font-size属性为0来解决这个问题,如果轮番的元素有包含文字,那么包含文字的元素需要额外设置字体大小。

比如如下代码:

/*.div-list为轮番的父容器样式*/
.div-list{
    font-size:0 !important;
}
/*.div-item-right为轮番元素中文字描述区域*/
.div-item-right {
    float: right;
    width: 100px;
    font-size:12px;
}

代码中父容器的class为div-list,将font-size设置为0,可以稍微减轻抖动的问题,但是仔细看问题依然会存在。

这个问题在官方的演示中也有出现,另外要注意的是该插件是俄国程序员编写的,可以看到插件中包含很多俄语(本人用翻译软件检测出来的),所以相关文档看着有点头疼,github上的文档资料十分稀少,暂时先用这个插件过渡下吧,以后在找个好用点的。

PS:

  1. 插件github地址
  2. 插件官方网站

作者:十有三

出处:https://shiyousan.com/post/635965042454685652

版权声明:本文采用知识共享许可协议:署名-相同方式共享 4.0 国际(CC BY-SA 4.0)。欢迎转载本文,转载请声明出处或保留此段声明。


  • 上一篇: HTML小技巧:使用CSS3属性绘制圆形元素和图片
  • 下一篇: 随笔:Visual Studio Community 2015安装程序的ISO光盘镜像下载地址

相关文章
  • javascript 实现函数/方法重载效果
  • KindEditor禁止用户输入a标签链接以及只允许指定HTML标签输入的方法和技巧
  • 解决和分析CSS中z-index属性无效的问题
  • CKFinder 3无法删除文件和文件夹出现提示:You cannot delete files in DEMO mode
  • 操作系统和URL中斜杠/和反斜杠\之间的区别以及运用
  • 实现百度分享自定义或动态设置URL

文章分类

.NET技术 123 数据库 24 Web前端 21 网站建设运维 37 操作系统与应用 66 程序猿日常 11 开发工具 12 其他随笔 13

文章标签

ASP.NET ASP.NET MVC C# CSS HTML IIS Javascript Linux MongoDB MySql SQL SQL Server Visual Studio Windows系统 版本控制系统 插件工具 服务器 搞笑娱乐 好文分享 软件应用 生活知识 手机问题 随笔 网络知识 网站设计优化 网站维护 养生保健 异常处理 硬件设备 游戏攻略

热门文章

  • IIS8如何安装和使用URL重写工具-URL Rewrite
  • 林蛋大与楚中天,朱肚皮与朱月坡
  • 解决IE11安装升级失败和在安装前需要更新的问题
  • VS重构重命名的快捷键
  • Windows Server 2012无法安装 .NET3.5-安装角色或功能失败,找不到源文件

推荐文章

  • SQL查询当前数据上一条和下一条的数据以实现获取文章上下篇文章信息
  • 如何暂停执行中的bat批处理文件?
  • SQL Server备份出现System.Data.SqlClient.SqlError:无法打开备份设备
  • IE11无法运行JS脚本代码
  • 解决ASP.NET MVC AllowAnonymous属性无效导致无法匿名访问控制器的问题

友情链接

  • Passingwind的博客
  • 码友网

知识共享许可协议 CC BY-SA 4.0本站作品采用知识共享许可协议:署名-相同方式共享 4.0 国际(CC BY-SA 4.0)。
闽ICP备15003702号
闽公网安备 35020302035102号