SuperSlide2.1-滚动
Posted qinsikao
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了SuperSlide2.1-滚动相关的知识,希望对你有一定的参考价值。
官网:http://www.SuperSlide2.com/
年会抽奖,我想要一种类似于滚动播报的形式,展示中单名单,百度了一下相关内容,最终选择了这个插件。
官方文档的使用说明很详细,很好上手,我就不多说关于它的使用,这里我主要说一下使用中碰到的一个问题。
在我往滚动的容器中添加滚动的内容时,每次添加会导致滚动的速度越来越快,即使你把相应的速度设置调慢了也不行,最终在CSDN上找到了一位大佬的解决方案。
在此记录下,地址:https://blog.csdn.net/qq_33593958/article/details/84973456
主要就是需要清空滚动所在的dom元素,每次重新添加。
$(".txtMarquee-top").html("");//清空节点
var str = "<div class=‘bd‘><ul class=‘infoList‘></ul></div>";
$(".txtMarquee-top").html(str);//重新添加dom
$(".txtMarquee-top").slide({ mainCell: ".bd ul", autoPlay: true, effect: "topMarquee", vis: 9, interTime: 50});//调用
以上是关于SuperSlide2.1-滚动的主要内容,如果未能解决你的问题,请参考以下文章