JSFiddle - React, Tailwind, and code Playground

by Elena Shevchuk

HTML

<a href="#a">click</a>
<div class="box">
    <div class="text">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magni expedita possimus veritatis laboriosam nihil asperiores aperiam incidunt assumenda repellendus nam quia mollitia nobis illum? Dolores beatae blanditiis eaque repellat amet veniam libero voluptates ipsum maxime consequatur consectetur illum optio nemo veritatis maiores et ut. Vitae commodi odit sed neque nam animi quibusdam dolore aut ratione tempora assumenda iure est quod culpa odio placeat pariatur officia tenetur perspiciatis voluptatum. Corporis quibusdam cupiditate ad ea ex inventore quisquam beatae fugit sapiente sit magnam sequi laborum velit maxime similique omnis vel culpa pariatur repellendus repudiandae doloremque voluptatum unde autem non voluptatibus temporibus accusamus quo dicta expedita reprehenderit. Quod expedita autem enim maiores natus. Temporibus possimus itaque quae tenetur recusandae in soluta rerum natus sunt dolorum blanditiis ipsum maxime. Eligendi facere veniam sapiente qui cumque officia tempore eum libero dolorum error inventore magnam reprehenderit numquam ea blanditiis nemo minima beatae est eos voluptate consectetur repellat sed praesentium molestiae commodi odit quisquam sequi dolore odio voluptates nostrum quis ipsa doloribus. Similique explicabo modi neque necessitatibus corrupti fugit ullam sequi quae debitis tempora in aliquam suscipit nam nemo blanditiis. In excepturi dolorem adipisci molestias sapiente nisi voluptates tempore quam ipsum saepe dolores incidunt a hic error quae natus perspiciatis repellendus voluptas eos iusto unde aperiam ullam assumenda placeat vero quo ducimus labore veniam iste animi consequuntur sequi esse voluptatum quia id nihil quos praesentium recusandae velit odio deserunt non et autem asperiores fuga magnam. Voluptas quaerat nisi est tenetur dolorum incidunt doloribus a fuga eius architecto necessitatibus vitae corrupti soluta. Tempore animi voluptas incidunt saepe...

CSS

.text {
    width: 5000px;
}
span {
    background: red;
}
.box {
    
    overflow: hidden;
    border: 2px solid blue;
    overflow: hidden;
}

JavaScript

$(document).ready(function(){
    $(".text").scrollLeft(0);
});