Advertisement
deliciousthemes

Untitled

Mar 4th, 2014
212
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.     // Header Effect on Scroll
  2.        
  3.         logowidth = $(".logo img").width();
  4.        
  5.     $(window).scroll( function() {
  6.             var value = $(this).scrollTop();
  7.             if ( value > 120 )  {
  8.                 $("header").css({"top": "0px"});
  9.                 $("#header").addClass("scrolled-header");
  10.                 $("#header").css({"padding-top": "15px", "padding-bottom": "15px"});
  11.                 $(".scrolled-header").css({"background":"rgba(255,255,255,0.95)", "box-shadow": "0px 0px 3px rgba(0, 0, 0, 0.3)"});
  12.                 $(".no-rgba .scrolled-header").css({"background": "url(images/no-rgba-white.png) repeat scroll 0 0"});
  13.                 $(".logo img").css({"height": "30px", "width": "auto"});
  14.                 $(".scrolled-header #mainnav").css({"padding-top": "2px"});
  15.                 $(".scrolled-header ul#mainnav li ul li a").css({'background': 'rgba(255,255,255,0.95)'});
  16.                 $(".no-rgba .scrolled-header ul#mainnav li ul li a").css({"background": "url(images/no-rgba-white.png) repeat scroll 0 0"});
  17.                
  18.                 $("#header.no-header").addClass("show");
  19.                
  20.                 $(".no-csstransforms .no-header").css({"display": "block"});
  21.             }
  22.             else {
  23.                 $("#header").removeClass("scrolled-header");
  24.                 $("#header.transparent-header, #header.solid-header").css({"padding-top": "55px", "padding-bottom": "25px"});
  25.                 $(".logo img").css({"height": "auto", "width": logowidth});
  26.                 $("#header #mainnav").css({"padding-top": "10px"});
  27.                
  28.                 $(".transparent-header").css({"background":"rgba(255,255,255,0.75)", "box-shadow": "none"});
  29.                 $(".no-rgba .transparent-header").css({"background":"url(images/no-rgba-white.png) repeat scroll 0 0"});
  30.                 $(".solid-header").css({"background":"#fff", "box-shadow": "none"});
  31.                
  32.                 $("#header.no-header .logo img").css({"height": "30px", "width": "auto"});
  33.                 $("#header.no-header").removeClass("show");
  34.                 $(".no-csstransforms .no-header").css({"display": "none"});            
  35.                
  36.             }
  37.     });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement