西安网站建设吸附在网页顶部的菜单(工具栏)

12102013-04-13

西安网站建设公司常用的吸附在网页顶部的菜单(工具栏),拖动滚动条可看到红色的菜单栏始终显示在窗口项部,固定顶部显示的工具栏,想做类似效果的朋友,本款代码给你提供一种思路,西安网站建设团队点墨网络竭诚为您服务。

[codes]

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>adsorption顶部的工具栏菜单</title>
<style type="text/css">
*{ margin: 0; padding: 0; }
.header-wrap{ width: 100%; }
.header-hd{ width: 980px; height: 150px; margin: 0 auto; background-color: #ccc; }
.header-bd{ width: 980px; height: 40px; margin: 0 auto; background-color: green; }
.fixed{ position: fixed; width: 100%; }
.fixed .header-hd{ display: none; }
</style>
<script type="text/javascript">
 window.onload=function(){
  function adsorption(){
   var headerWrap=document.getElementById('header-wrap');
   var scrollTop=0;
   window.onscroll=function(){
  scrollTop=document.body.scrollTop||document.documentElement.scrollTop;
   if(scrollTop>100){
   headerWrap.className='fixed';
   }else{
   headerWrap.className='header-wrap';
   }
   }
   }
  adsorption();
  }
 </script>
</head>
<body style="height:3000px;">
 <div id="header-wrap" class="header-wrap">
  <div class="header-hd"></div>
  <div class="header-bd"></div>
 </div>
</body>
</html>

[/codes]

通过本文您对西安网站建设有了进一步了解,本公司温馨提醒:找西安做网站公司,请选择手续齐全、业务精、服务好的正规公司。

工商网上亮照

版权所有:西安点墨网络科技有限公司 信息备案编号: 陕ICP备11004160号-1

客户服务电话:029-89640155 18991365125

公司注册地址:西安市雁塔区融鑫路丽湾蓝岛1幢3单元16层31605号

临时办公地址:西安市雁塔区朱雀大街紫郡长安F3

Sitemap 网站地图 手机版

办公电话:029-89640155

服务热线:18991365125

客服信箱:vip@dianmo.cc

846461336327

西安点墨网络科技有限公司

版权所有:西安点墨网络科技有限公司 信息备案编号: 陕ICP备11004160号-1