欢迎来到元素模板www.ys720.com,本站提供专业的织梦模板网站模板ASPCMS模板网站修改/网站仿站
当前位置:主页 > 程序教程 > 其他教程 >
其他教程

JS下拉菜单悬浮 下拉到一定位置改成CSS 悬浮

(元素模板) / 2016-08-09 13:33
JS下拉菜单悬浮  下拉到一定位置改成CSS 悬浮

首先需要加入JQ 代码

燃火在下面 加入

JS部分:

<script type="text/javascript">
<!--
  //浮动
  $(function(){
   var h = $('#warpDiv').offset().top;
        $(window).scroll(function(){
        if($(window).scrollTop() >h ){$('#compareDiv').addClass('comDiv');}
        else{$('#compareDiv').removeClass('comDiv');}
        });
  })
       
 -->

</script>


 
HTML部分:
<div id="warpDiv"></div>
<div class="compareDiv" id="compareDiv">导航菜单部分</div>


CSS样式部分:

body{_background-image: url(about:blank);     /*用浏览器空白页面作为背景*/
_background-attachment: fixed;  /* 确保滚动条滚动时,元素不闪动*/}
 
.comDiv{position:fixed; top:0; z-index:999;_position:absolute;_top: expression(documentElement.scrollTop);overflow:visible;}
Copyright @ 2013-2019 元素模板 www.ys720.com All Rights Reserved. 版权所有 元素模板 www.ys720.com