How to add a css class into my function

Question

Just starting out with jquery. I have written the following function:

jQuery(document).ready(function($){
    $('.tb-to-side-menu > li > a').on('click', function() {

        $('html, body').animate({
            scrollTop: $(this.hash).offset().top
        }, 1000);

        return false;
    });
});

This is for a 'one page' styled site, so when the use clicks on the nav they get smooth scrolling down. Problem is that I have a sticky nav and the content is sliding too far up. Is it possible to add a css class in with jquery that allows for the height of my nav div?

Thanks

api.jquery.com/addclass

ssilas777
– ssilas777

2015-02-02 15:30:18 +00:00
Commented Feb 2, 2015 at 15:30 — ssilas777
– ssilas777, Commented Feb 2, 2015 at 15:30
Thanks, works. Cheers

user3766656
– user3766656

2015-02-02 15:57:53 +00:00
Commented Feb 2, 2015 at 15:57 — user3766656
– user3766656, Commented Feb 2, 2015 at 15:57

Rory McCrossan · Accepted Answer · 2015-02-02 15:30:32Z

2

If I've understood the issue, you could subtract the height of the fixed header from $(this.hash).offset().top, for example:

$('html, body').animate({
    scrollTop: $(this.hash).offset().top - $('#fixedHeader').height()
}, 1000);

answered Feb 2, 2015 at 15:30

Rory McCrossan

338k41 gold badges321 silver badges353 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jason Foglia · Accepted Answer · 2015-02-02 15:30:36Z

0

You can use: $(ele).addClass("classname")

answered Feb 2, 2015 at 15:30

Jason Foglia

2,6173 gold badges32 silver badges54 bronze badges

Collectives™ on Stack Overflow

How to add a css class into my function

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related