Advertisement
deliciousthemes

Untitled

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