Anchor scrolling jQuery

Question

I found this example . The code is quite old though, but it seems to do what I'm looking for:

jQuery(document).ready(function($) {
  $(".scroll").click(function(event){
    event.preventDefault();
    $('html,body').animate({scrollTop:$(this.hash).offset().top}, 500);
  });
});

And secondly, is it possible to make all anchors between a div called "navigation" to have this functionality, instead of adding a "scroll" class to every anchor?

Example:

<div id="section1">Scroll to me :P</div>

Answer 1

For your second question, sounds like you want to attach the click handler to all children of a chosen element. Do it using .on :

$("#navigation").on("click", "a", function(event) {
    event.preventDefault();
    $('html,body').animate({scrollTop:$(this.hash).offset().top}, 500);
});

Where "#navigation" is the selector of the parent element you want, and "a" is a selector for the children.