jQuery文本上下无缝滚动插件

所属分类:UI-滚动

 8483  51  查看评论 (4)
分享到微信朋友圈
X
jQuery文本上下无缝滚动插件 ie兼容7

更新时间:2023-10-08 23:39:43

更新说明:修复了一个页面只能使用一次无缝滚动的问题


更新时间:2021-12-31 13:21:20

更新说明:优化了子元素可以不是ul标签了


更新时间:2021-12-30 01:07:11

更新说明:更改了调用的方法

$(".zyyw_msg").slidesDown({
    width:"500px", //默认宽度
    height:"194px",//默认高度
    loop:"true",//默认子级不超过父级仍然滚动,设置false则不滚动
    border:“1px solid lightgray”, //默认的边框颜色
    delay:"20"//定时器的时间, 单位ms   ,越小越快
});

更新时间:2021-12-29 00:40:20

1,html内容里需要设置 

<div class="zyyw_msg" attr-loop="true">...</div>

滚动的内容

<ul class="zyyw_msg_slide">
    <li>
        <span>
		............					
        </span>
    </li>
</ul>

attr-loop需要设置         

    - attr-loop="true"时,子级的内容高度小于父级仍然滚动;   

    - attr-loop="false"时,子级的内容高度小于父级不滚动; 

2,页面里调用的时候  

使用该方法 :

slide(".elp",".elc");

 3,样式里 父级需要设置position:relative还有宽高。子级需要设置position:absolute;

 4,我是嘴角,欢迎提出意见。谢谢!!!

相关插件-滚动

仿mac风格滚动条

经典仿mac风格滚动条
  滚动
 43058  401

jquery模拟滚动条(未封装)

jquery模拟滚动条,支持自定义滚动条样式,兼容pad,web手机端未测试;支持同一网页多个滚动条;支持添加和删除(本人对封装不太了解,未封装)
  滚动
 38579  340

向下滚动加载动画特效插件AOS

向下滚动网页加载动画特效插件AOS
  滚动
 37252  435

网站广播插件

网站发布消息的广播插件
  滚动
 40669  406

讨论这个项目(4)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    南生 0
    2024/5/29 15:04:19
    哪个事件可以知道走完一圈呢?涉及到分页动态追加数据😥 回复
    海棠经雨 0
    2023/11/22 11:56:10
    这个可以销毁或者更新吗,就是每次获取列表的时候都调用一下的话,滚动会有问题 回复
    上弦月 0
    2022/7/25 17:32:00
    一个页面只能一个用,有2个DIV 不能同事滚动。
        嘴角0
        2023/9/16 10:55:49
        不好意思,才看到,已修复
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复