仿百度知道(滚动固定标题)插件

所属分类:UI-滚动

 23064  368  查看评论 (0)
分享到微信朋友圈
X
仿百度知道(滚动固定标题)插件 ie兼容7

更新时间:2018/6/27 上午10:02:54

更新说明:更改了调用方法,兼容ie6以及以上浏览器


标题置顶功能

$(".order-module").titleScrollTop({
    target: '.order-left', //需要定位的类名
    className: 'active', //滚动到顶部时添加的类名
    hideTarget: '.order-line', //置顶后需要隐藏的类名
    beforeTopStyle: { //滚动到顶部前的样式  top值默认已存在,如果传入top则替换掉默认的top值
        position: 'relative',
        left: 'auto',
        marginLeft: 'auto',
    },
    topedStyle: { //滚动到顶部后的样式 top值默认已存在,如果传入top则替换掉默认的top值
        position: 'fixed',
        left: '50%',
        marginLeft: '-502px',
    }
});
相关插件-滚动

jQuery滚动楼层效果

jQuery滚动楼层效果,通俗简单好上手,js中有详细步骤解析。
  滚动
 37436  417

全屏滚动插件带侧边栏

过渡效果柔和的滚动插件,适用pc和手机
  滚动
 36375  448

jQuery简单的文字跑马灯特效

这是一款非常简单的jQuery文字跑马灯特效插件。该跑马灯特效使文本从右向左不停循环,当鼠标放到跑马灯上的文字时,跑马灯会暂停运动。
  滚动
 211296  358

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

向下滚动网页加载动画特效插件AOS
  滚动
 35594  432

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

😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复