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

所属分类:UI-滚动

 25685  370  查看评论 (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.stacked-strips.js

为您的一页滚动网站和单页应用程序创建堆叠滚动效果。当您向下滚动网页时,插件可以逐个滚动固定的页面部分。
  滚动
 29929  328

jQuery电商网站楼层滚动定位

jQuery电商网站楼层滚动定位
  滚动
 57192  629

css3页面鼠标纵向滑动效果

css3页面鼠标纵向滑动效果
  滚动
 65153  483

jquery文字上下滚动

jquery文字上下滚动插件jqScroll.js调用简单,代码注释很清楚。
  滚动
 58907  515

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

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