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

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

2016-04-17 十有三 1 浏览:8795 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 实现函数/方法重载效果
  • 解决CKEditor中img标签自动添加style样式的问题-禁止自动设置width和height
  • 研究下CSS3的background-size属性
  • KindEditor禁止用户输入a标签链接以及只允许指定HTML标签输入的方法和技巧
  • HTML使用相对路径获取各级目录下文件
  • 什么是CSS Sprites技术?

文章分类

.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安装升级失败和在安装前需要更新的问题
  • Windows Server 2012无法安装 .NET3.5-安装角色或功能失败,找不到源文件
  • VS重构重命名的快捷键

推荐文章

  • 解决VirtualBox-Error Failed to open a session for the virtual machine错误
  • 骑马与砍杀 战团 秘籍/作弊指令大全/角色导入导出作弊法
  • 解决MongoVUE 修改错误: cannot use 'j' option when a host does not have journaling enabled
  • .NET 解决XML反序列化出现 XML文档(0, 0)中有错误 缺少根元素。
  • 阿里云ECS远程连接错误:由于一个协议错误(代码:0x112f),远程会话将被中断。请重新跟远程计算机连接

友情链接

  • Passingwind的博客
  • 码友网

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