关于锚点定位，ul设置fixed后，div被覆盖一部分的问题

例如：

问题：

刚开始的时候。ul是正常显示的，当页面的滚动条滚动到一定的高度是，ul就被设置为 position:fixed；那么点击 li相对应div就会被固定定位的ul覆盖住一部分。

解决办法:

给div里边加了一个a,判断当滚动条滚动到一个程度就给ul为 position:fixed，a标签就设置绝对定位向下移动比 ul高度有一点的距离就可以了。

html:

    <ul class="clear site_lis">  
 <li class="now_page"><a href="#teacher">主讲简介</a></li>
        <li><a href="#activity_show">活动介绍</a></li>
        <li><a href="#activity_say">活动声明</a></li>
        <li><a href="#notice">注意事项</a></li>
        <li><a href="#activity_assess">活动评价<span>(156)</span></a></li>
    </ul>
    <div> 
 <a href="javascript" >css:

.culture_activity_left .site_lis{
    border: 1px solid #cccccc;
    margin: 40px 0 30px 0;
    width:866px;
    background: #fff;
}
.culture_activity_left>div{
    margin-top: 30px;
    position: relative;
    border:1px solid #000;
    width:1000px;
    height:200px;
}
.culture_activity_left>div>p{
    line-height: 30px;
}
.culture_activity_left>div>a{
    display: inline-block;
}
.culture_activity_left .site_lis li{
    border-right: 1px solid #cccccc;
    padding: 0 14px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    float: left;
}
.culture_activity_left .site_lis li a {
    font-size: 18px;
    color: #3f3f3f;
}
.culture_activity_left .site_lis li.now_page {
    border-top: 2px solid #01aefd;
}
.culture_activity_left .site_lis li.now_page a {
    color: #01aefd;
}
JQ：

$(document).ready(function () {
//ul li选中状态

$(".site_lis li").click(function () {
    $(this).addClass("now_page").siblings().removeClass("now_page");
});
$(window).scroll(function () {

    var scrollTop = $(document).scrollTop();
    if (scrollTop >= 750) {  //判断条件
        $(".site_lis").css({"position": "fixed", "top": "-40px", "z-index": "10"}); //ul 设置 fixed
        $(".site_lis li").click(function () {
            var index = $(".site_lis li").index(this);
            $(".culture_activity_left>div>a").eq(index).css({  //a标签 下移
                "position": "absolute",
                "top": "-50px",
                "left": "0"
            });
        })
    } else {
        $(".site_lis").css({"position": "initial"});
        $(".site_lis li").click(function () {
            var index = $(".site_lis li").index(this);
            $(".culture_activity_left>div>a").eq(index).css({
                "position": "absolute",
                "top": "-130px",
                "left": "0"
            });
        })
    }
})

})