JSFiddle - React, Tailwind, and code Playground

by nju33

HTML

<div id="js_aaa"></div>
<div id="js_bbb"></div>

CSS

body {
    margin: 0
}

#js_aaa, #js_bbb {
    height: 10em;
    width: 30em;
}

#js_aaa {
    background-color: red;
    float: left;
    margin-right: 20em;
    display: inline;
    width: 30em;
}

#js_bbb {
    background-color: blue;
    float: left;
    display: inline;
    width: 30em;
}

JavaScript

var a = $("#js_aaa")
var aw = a.outerWidth(true);
var b = $("#js_bbb")
var bw = b.outerWidth();
$("body").css({
    "width": aw+bw,
    "position": "relative"
});

a.on("click", function() {
    $("html, body").animate({
        scrollLeft: b.offset().left
    }, 1000);
});

alert(b.offset().left);