JSFiddle - React, Tailwind, and code Playground

HTML

<div>click me</div>
d<img src="http://4.bp.blogspot.com/_igllpLeQ1j4/TFiwNJHtyXI/AAAAAAAAA1c/vY5yCggrgAE/s1600/happy-kitten-kittens-5890512-1600-1200.jpg" />

CSS

body {
    width: 3200px;
}
div {
    background: silver;
    cursor: pointer;
    padding: 20px 0;
    text-align: center;
    position: fixed;
    width: 100%
}
img {
    display: inline;
    float: left;
}

JavaScript

var distance = 600;

$("div").click(function() {
    $("html:not(:animated), body:not(:animated)").animate(
        {scrollLeft: "+="+distance}, 400
    );
});