欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

滚动条 菜单置顶 有大用

shiping1 的头像
html
<div class="outer bg8b3801" id="scroll_menu">
   <div class="common"><img src="{dede:global.cfg_templets_skin/}/images/zxzx.png" alt="中国松和日七整骨整形研究院"></div>
</div>


// js
 function getScrollTOP()
 {
        var t;
        if(document.documentElement && document.documentElement.scrollTop){
            t = document.documentElement.scrollTop;}
        else if(document.body){
            t = document.body.scrollTop;
        }
         return t;
 }
function sc5() {
  var t = getScrollTOP();
  if(t>=800)
  {
      $('#scroll_menu').css('position','fixed');
      $('#scroll_menu').css('top','0');
  }
  else {
     $('#scroll_menu').css('position','static');  
     $('#scroll_menu').css('top','auto');
  }
 
}
window.onscroll = function () {
    sc5();
}

也可以用 
$(window).scroll(function(){
       sc5();
}); 
来代替




function getscrollLeft()
{
    if (document.documentElement && document.documentElement.scrollLeft) {
        return document.documentElement.scrollLeft;
    }
    else if (document.body)
    {
        return  document.body.scrollLeft;
    }
}

普通分类: