Auto-Scroll isn't correct

Hi,
I have some problems with my site..
When i click on the menu it scrolls down to a section, but it is not stopping at the top of the section..
Instead it scrolls a fed pixels too far.

Is there some way to fix it?

Domain: http://www.niklasw.dk

Niklas

Please edit file:
/wp-content/themes/John/js/gk.scripts.js
find this section:

Code: Select all

// smooth anchor scrolling
       jQuery('a[href^="#"]').on('click',function (e) {
          e.preventDefault();
   
          var target = this.hash,
          target = jQuery(target);
          if(target.parent() !== jQuery('#gk-style-area')) {
             jQuery('html, body').stop().animate({
                'scrollTop': target.offset().top
             }, 1000, 'swing', function () {
                window.location.hash = target.selector;
             });
          }
       });


And modify line:

Code: Select all

'scrollTop': target.offset().top


Adding a offset:

Code: Select all

'scrollTop': target.offset().top - 20


Modify the value to suit your needs.

Great thanks.. I will try that!

It worked perfectly.. But the selected menu point doesn´t change at that point??

I don't see suggested change in your gk.scripts.js file

This is what I needed! Thanks!

No problem . It's always nice to see users searching through available threads.