JavaScript 垂直滚动效果

不说惹都是泪呀,直接描述上教程。

奇奇怪怪的需求 +1,向上滚动(非轮播,只滚动一遍)

注:不控制样式,样式请固定好

var moveScoll1=new moveScoll("选择器");
moveScoll1.timeout=60;//默认60,滚动速度
moveScoll1.start();//开启插件
moveScoll1.stop();//停止插件
moveScoll1.reset();//重置插件

实际场景

//事件列表向下移动
var __moveScoll=null;

if(!__moveScoll){
    __moveScoll=new moveScoll("#mdpchj-table");
    __moveScoll.timeout=90; //速度太快调整这里
    __moveScoll.start();//开始
    // 鼠标移入时,清除定时器
    $('.right-center-item .detail').on("mouseenter",function () {
        __moveScoll.stop();//停止
    });
    // 鼠标移出时,开启定时器
    $('.right-center-item .detail').on("mouseleave",function () {
        __moveScoll.reset();//重置
    });
}else{
    __moveScoll.reset();//重置
}

这个也要那个依赖哦(不想写好几遍)

JavaScript 小工具前置 js
1.计时器
2.UUID
3.原地自闭包

猜你喜欢

转载自www.cnblogs.com/UnknownRegister/p/13372322.html
今日推荐