Difference between revisions of "Template:Shanghaitech/js"

Line 30: Line 30:
  
 
function adjustSidenavHeight() {
 
function adjustSidenavHeight() {
 +
    $("#sidenav-wrapper").removeClass("scroll").removeClass("narrower").removeClass("narrow");
 +
        narrowSidebar();
 +
}
 +
 +
function narrowSidebar(){
 +
    var lastHeight = $("#sidenav-wrapper").height();
 
     if ($("#sidenav-wrapper").height() >= $("#mySidenav").height() * 0.9) {
 
     if ($("#sidenav-wrapper").height() >= $("#mySidenav").height() * 0.9) {
−
         while (true) {
+
         narrowerSidebar()
−
            if (!$("#sidenav-wrapper").hasClass("narrow")) {
+
    }
−
                $("#sidenav-wrapper").addClass("narrow");
+
    setTimeout(function(){
−
            } else if (!$("#sidenav-wrapper").hasClass("narrower")) {
+
        console.log(0);
−
                $("#sidenav-wrapper").addClass("narrower");
+
        if ($("#sidenav-wrapper").height() != lastHeight){
−
            } else {
+
            narrowSidebar()
−
                $("#sidenav-wrapper").addClass("scroll");
+
        }else{
−
                break;
+
            setTimeout(this, 500)
−
            }
+
 
         }
 
         }
 +
    }, 500);
 +
}
 +
 +
function narrowerSidebar() {
 +
    console.log(1);
 +
    if (!$("#sidenav-wrapper").hasClass("narrow")) {
 +
        $("#sidenav-wrapper").addClass("narrow");
 +
    } else if (!$("#sidenav-wrapper").hasClass("narrower")) {
 +
        $("#sidenav-wrapper").addClass("narrower");
 
     } else {
 
     } else {
−
         while (true) {
+
         $("#sidenav-wrapper").addClass("scroll");
−
            if ($("#sidenav-wrapper").hasClass("scroll")) {
+
−
                $("#sidenav-wrapper").removeClass("scroll");
+
−
            } else if ($("#sidenav-wrapper").hasClass("narrower")) {
+
−
                $("#sidenav-wrapper").removeClass("narrower");
+
−
            } else {
+
−
                $("#sidenav-wrapper").removeClass("narrow");
+
−
                break;
+
−
            }
+
−
        }
+
 
     }
 
     }
 
}
 
}
  
 
$(document).ready(createSidenav);
 
$(document).ready(createSidenav);
 +
$(window).load(adjustSidenavHeight);
 +
$(window).resize(adjustSidenavHeight);
  
  
 
</script></html>
 
</script></html>

Revision as of 16:19, 30 October 2017