jQuery仿百度知道页面滚动顶部固定标题代码

jQuery仿百度知道页面滚动顶部固定标题代码

一款jQuery仿百度知道文章内容页面滚动顶部固定标题索引定位效果代码。

使用方法
页面引入index.js文件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<script type="text/javascript" src="js/index.js"></script>
//标题置顶功能
$(".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',
    }
});

文件信息: