Team:HIT-Harbin/js/main.js

From 2014.igem.org

(Difference between revisions)
Line 20: Line 20:
}
}
-
function Set(){
+
function toolbar(el) {
-
var y=document.documentElement.scrollTop;
+
                el = typeof el == 'string' ? document.getElementById(el) : el;
-
document.getElementById("txt").style.innerHTML="<strong>"+y+"xiangsu</strong>";
+
                var elTop = el.offsetTop;
-
if(y>400){document.getElementById("bottomNav").style.display="block";}
+
                var sTop = 0;
-
}
+
                window.onscroll = function () {
-
else{document.getElementById("bottomNav").style.display="none";}
+
                    sTop = document.body.scrollTop || document.documentElement.scrollTop;
-
}
+
                    if (sTop > elTop) {
-
window.onscroll=Set;
+
                        el.style.top = "0";
 +
                        el.style.position = "fixed"
 +
                    } else {
 +
                        el.style.top = elTop + 'px';
 +
                        el.style.position = "absolute"
 +
                    }
 +
                }
 +
            }
 +
            toolbar('nav');

Revision as of 08:22, 23 July 2014

function displaySubMenu(div) { var subMenu = div.getElementsByTagName("ul")[0]; subMenu.style.display = "block"; } function hideSubMenu(div) { var subMenu = div.getElementsByTagName("ul")[0]; subMenu.style.display = "none"; } function sideMenu(x){ var arr=document.getElementsByName("rnav"); var y=x-1; for(var i=0;i<6;i++){

 if(i==y){
 arr[i].style.display = "block"; 

}

 else{
 arr[i].style.display = "none"; 

} } }

function toolbar(el) {

               el = typeof el == 'string' ? document.getElementById(el) : el;
               var elTop = el.offsetTop;
               var sTop = 0;
               window.onscroll = function () {
                   sTop = document.body.scrollTop || document.documentElement.scrollTop;
                   if (sTop > elTop) {
                       el.style.top = "0";
                       el.style.position = "fixed"
                   } else {
                       el.style.top = elTop + 'px';
                       el.style.position = "absolute"
                   }
               }
           }
           toolbar('nav');