Team:HZAU-China/Modeling
From 2013.igem.org
(Difference between revisions)
Line 19: | Line 19: | ||
margin-bottom: 5px; | margin-bottom: 5px; | ||
padding-top: 5px; | padding-top: 5px; | ||
+ | padding-left: 10px; | ||
} | } | ||
#paragraphs { | #paragraphs { | ||
Line 37: | Line 38: | ||
<style> | <style> | ||
*{margin:0px;padding:0px;} | *{margin:0px;padding:0px;} | ||
+ | .menu_scroll{z-index:100;padding:10px;margin:0 auto;top:20px;position:fixed;width:100%;margin:0;} | ||
ul.menu, | ul.menu, | ||
ul.menu ul {padding:0;margin:0;list-style:none;position:;width:200px;background:#ddd;font- | ul.menu ul {padding:0;margin:0;list-style:none;position:;width:200px;background:#ddd;font- | ||
Line 85: | Line 87: | ||
ul.menu input.close:checked ~ ul li {margin-top:-30px;} | ul.menu input.close:checked ~ ul li {margin-top:-30px;} | ||
</style> | </style> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function(){ | ||
+ | var topMain=$("#sidebar").height()-300//是头部的高度加头部与nav导航之间的距离 | ||
+ | var menu=$(".menu"); | ||
+ | $(window).scroll(function(){ | ||
+ | if ($(window).scrollTop()>topMain){//如果滚动条顶部的距离大于topMain则就nav导航就添加类.nav_scroll,否则就移除 | ||
+ | menu.addClass("menu_scroll"); | ||
+ | }else{ | ||
+ | menu.removeClass("menu_scroll"); | ||
+ | } | ||
+ | }); | ||
+ | }) | ||
+ | </script> | ||
<body> | <body> | ||
<ul class="menu"> | <ul class="menu"> |
Revision as of 09:50, 24 July 2013