Link to section -> animate the scroll ?

Hello.
I want to use Simplicity template as onepage. I have links to sections in menu.
How can I add animated scroll to sections?

Hi
Please try adding this to template's js file:

Code: Select all

   // smooth anchor scrolling
   jQuery('a[href^="#"]').on('click',function (e) {
      e.preventDefault();

      var target = this.hash,
      target = jQuery(target);
      if(this.hash !== '') {
         jQuery('html, body').stop().animate({
            'scrollTop': target.offset().top
         }, 1000, 'swing', function () {
            window.location.hash = target.selector;
         });
      }
   });



Which file is exactly the one that we have to edit?

Hi

It's in template's /js/gk.scripts.js

gives an error:

Parse error: syntax error, unexpected ')', expecting '&' or variable (T_VARIABLE) in
/Quark-Child/functions.php on line 44

= this line:
jQuery('a[href^="#"]').on('click',function (e) {

can you correct it?
thanks!

found a better script:
<script>
$(document).ready(function(){
$('a[href^="#"]').on('click',function (e) {
e.preventDefault();

var target = this.hash;
var $target = $(target);

$('html, body').stop().animate({
'scrollTop': $target.offset().top
}, 900, 'swing', function () {
window.location.hash = target;
});
});
});
</script>

there is now /js/gk.scripts.js
in my template..

what file i have to add this script???

Hi

The error was shown because was copied to wrong place. My guess is somewhere within PHP tags.

Look into /js/gk.scripts.js file in template. There You will see a code for smooth scrolling. It will be commented so should be easy to find. Simply remove it and replace with Your own.