How To Animate Horizontal Scroll Html

I saw online that you could use the code at the bottom to animate a horizontal link (fiddle demo at the bottom). I am somewhat of a beginner to html, and would like to use this in

Solution 1:

You need anchor elements like

<a href="#d1"> d1 </a>

and target elements like

<div class="placeholder" id="d1">

than using this jquery

function horizAnim(event) {
  event.preventDefault();
  $('html,body').animate({
    scrollLeft: $(this.hash).offset().left
  }, 'slow');
}

$("a").on("click", horizAnim);

this is what you get.