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-滚动的主要内容,如果未能解决你的问题,请参考以下文章

滚动其他滚动视图时滚动视图重置

jquery怎么实现平滑滚动效果 就是随着滚动条而滚动

如何在DataGrid里面产生滚动条而不滚动题头

滚动条滚动但 UIScrollView 不滚动

Vue 设置内容滚动 并且隐藏滚动条

滚动视图滚动时如何播放取决于滚动视图滚动速度的声音?