Difference between revisions of "Template:Team:TU Darmstadt/Js"

Line 27: Line 27:
  
 
// END ScrollBox
 
// END ScrollBox
// START Breakpoint Stuff
 
 
(function($) {
 
 
skel.breakpoints({
 
wide: '(max-width: 1680px)',
 
normal: '(max-width: 1280px)',
 
narrow: '(max-width: 980px)',
 
narrower: '(max-width: 840px)',
 
mobile: '(max-width: 736px)',
 
mobilep: '(max-width: 480px)'
 
});
 
 
$(function() {
 
 
var $window = $(window),
 
$body = $('body');
 
 
// Disable animations/transitions until the page has loaded.
 
$body.addClass('is-loading');
 
 
$window.on('load', function() {
 
$body.removeClass('is-loading');
 
});
 
 
// Fix: Placeholder polyfill.
 
$('form').placeholder();
 
 
// Prioritize "important" elements on narrower.
 
skel.on('+narrower -narrower', function() {
 
$.prioritize(
 
'.important\\28 narrower\\29',
 
skel.breakpoint('narrower').active
 
);
 
});
 
 
// Dropdowns.
 
$('#nav > ul').dropotron({
 
offsetY: -15,
 
hoverDelay: 0,
 
alignment: 'center'
 
});
 
 
// Off-Canvas Navigation.
 
 
// Title Bar.
 
$(
 
'<div id="titleBar">' +
 
'<a href="#navPanel" class="toggle"></a>' +
 
'<span class="title">' + $('#logo').html() + '</span>' +
 
'</div>'
 
)
 
.appendTo($body);
 
 
// Navigation Panel.
 
$(
 
'<div id="navPanel">' +
 
'<nav>' +
 
$('#nav').navList() +
 
'</nav>' +
 
'</div>'
 
)
 
.appendTo($body)
 
.panel({
 
delay: 500,
 
hideOnClick: true,
 
hideOnSwipe: true,
 
resetScroll: true,
 
resetForms: true,
 
side: 'left',
 
target: $body,
 
visibleClass: 'navPanel-visible'
 
});
 
 
// Fix: Remove navPanel transitions on WP<10 (poor/buggy performance).
 
if (skel.vars.os == 'wp' && skel.vars.osVersion < 10)
 
$('#titleBar, #navPanel, #page-wrapper')
 
.css('transition', 'none');
 
 
});
 
 
})(jQuery);
 
 
// END Breakpoint stuff
 
// START Other stuff
 
 
$(document).ready(function(){
 
$("#header").load("header.html");
 
$("#footer").load("footer.html");
 
$(window).scroll(function(event){
 
var scrollY = $(window).scrollTop();
 
var navbar = $(".navbar");
 
var computer = $(".computer")
 
var tablet = $(".tablet")
 
var topButton = $('button.back_top');
 
var highlights = $(".rechts");
 
 
    if(scrollY > $("#title").height()){
 
navbar.css({"top":"17px", "position":"fixed"});
 
}else{
 
navbar.css({"top":"0", "position":"static"});
 
}
 
 
// if(scrollY > 1300){
 
// highlights.css({"top": "10vh","position": "fixed","right":"0"});
 
                // }else{
 
// highlights.css({"top": "0","position": "static"});
 
                //}
 
 
 
        /*$("#lab1b").click(function(){
 
$("#lab1c").toggle();
 
});*/
 
 
    });
 
$('#groupparts').load('cgi/api/groupparts.cgi',{
 
t:'iGEM016',g:'TU_Darmstadt'},function(){
 
$('#groupparts').tablesorter();});
 
 
});
 
 
 
$(document).ready(function(){
 
 
if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)){
 
$(".tablet").show();
 
$("#tabletbutton").click(function(){
 
$("#tabletmenu").toggle();
 
});
 
}
 
else{
 
$(".computer").show();
 
}
 
});
 
 
$(document).ready(function(){
 
 
if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)){
 
$("#logoleiste").css({"width":"70vw"});
 
}
 
else{
 
$("#logoleiste").css({"width":"50vw"});
 
}
 
});
 
 
// END Other stuff
 

Revision as of 13:22, 12 October 2016

// START ScrollBox

$(window).scroll(function(e) {

 var $element = $('.scrollbox');
 var headerHeight = $('#head').outerHeight();
 var isFixed = ($element.css('position') == 'fixed');
 if ($(this).scrollTop() > headerHeight) {
   if(!isFixed) {
       console.log('scroll');
       $element.addClass("scrolled");
   }
 }
 if ($(this).scrollTop() < headerHeight) {
   if(isFixed) {
       console.log('dont scroll');
       $element.removeClass("scrolled");
   }
 }

});

function scrollToTop() {

 $('body,html').animate({
   scrollTop: 0
 }, 400);

}

// END ScrollBox