当有position:fixed;的时分锚定位时,锚定位时菜单不遮住

当有position:fixed;的时候锚定位时,锚定位时菜单不遮住

参考大神:http://blog.****.net/n1z1lam/article/details/24409223

<script type="text/javascript">
  //设置菜单悬浮(刚开始时菜单不在页面顶端)
	$(function(){
			$(window).scroll(function(){
         var scrollTop = $(document).scrollTop();
          if (scrollTop>441) {
           $(".single_newsBlock").css({"position":"fixed","top":"0px"});
          }else{
            $(".single_newsBlock").css({"position":"static"});
          };
      });
	})

  //锚定位
  function locateAt(e){ 
    var e =  document.getElementById(e);/*以id命名的锚点*/  
    var y = e.offsetTop;    
    var scrollTop = $(document).scrollTop();
    while(e=e.offsetParent){ y += e.offsetTop;} 
    if (scrollTop>441){
      y-=120;/*悬浮菜单的高度*/ 
    }else{
      y-=240;
    };
    window.scrollTo(0,y); 
  }
	</script>

 html:代码

<li><a href="javascript:void(0);" onclick="locateAt('topicNews')"><img src="../images/topicNews.png"></a></li>

 被定位的代码

<div class="moveApp" id="topicNews">
	<div class="moveApp_title ">
	</div>
	<div class="moveApp_content">
	</div>
</div><!-- moveApp -->