Click handler for smoothly scrolling to an element in Unbounced.com

smooth-scroll.js

// Load this after the document has loaded.
$(function () {

  // Bind a click handler to the element. 
  // Note this element needs to exist in both
  // mobile and tablet views, with the same ID.
  $("#lp-pom-image-114").click(function (){
    
    // Extract the absolute pixel location of the top of the element 
    // that you want to scroll to.
    // Note this element needs to exist in both
    // mobile and tablet views, with the same ID.
    var offset = $("#lp-pom-block-9").offset().top;

    // Scroll the body using jQuery animate, over 1000ms.
    $('body').animate({
      scrollTop: offset
    }, 1000);

  });
});