CODEWITHSUNDEEP
javascriptphpjqueryjoomla
Ciaran
Ciaran

Reputation: 177

Javascript add class not working

Hi anyone got any ideas why my jQuery code wont work? Its embedded at the bottom of a joomla index.html file

  $(window).load(function(){

        if ($(window).scrollTop() > 10) {
                $("#t3-mainnav").removeClass("arrowNav");
                $("#t3-mainnav").addClass("darken")

            } else {
                $("#t3-mainnav").removeClass("darken");
                $("#t3-mainnav").addClass("arrowNav");
            }

});

this seems to work fine though,

 $( document ).ready(function() {
        console.log( "document loaded" );
    });

Upvotes: 0

Views: 463

Answers (2)

Ciaran
Ciaran

Reputation: 177

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

     if($(this).scrollTop()>=10){

                $("#t3-mainnav").removeClass("arrowNav");
                $("#t3-mainnav").addClass("darken")

            } else {
                $("#t3-mainnav").removeClass("darken");
                $("#t3-mainnav").addClass("arrowNav");
            }

    });
});

This seemed to work guys, don't know why though :S

Thank you Alex and Sam

Upvotes: 0

NaijaProgrammer
NaijaProgrammer

Reputation: 2967

Try something like this:

$(document).ready(function(){
   $(window).scroll(function(){

      if ($(window).scrollTop() > 10) {
            $("#t3-mainnav").removeClass("arrowNav");
            $("#t3-mainnav").addClass("darken")

      } else {
            $("#t3-mainnav").removeClass("darken");
            $("#t3-mainnav").addClass("arrowNav");
      }

   })
});

Upvotes: 1

Related Questions