JSFiddle - React, Tailwind, and code Playground

by franverona

HTML

<html>
    
    <body>
        <div id="a">
            <div id="p1">La primera parte se imprimió en Madrid, en casa de Juan de la Cuesta,
                a finales de 1604. Salió a la venta en enero de 1605 con numerosas erratas,
                por culpa de la celeridad que imponía el contrato de edición. Esta edición
                se reimprimió en el mismo año y en el mismo taller, de forma que hay en
                realidad dos ediciones de 1605 ligeramente distintas. Se sospecha, sin
                embargo, que existió una novela más corta, que sería una de sus futuras
                Novelas ejemplares. Fue divulgada o impresa con el título El ingenioso
                hidalgo de la Mancha. Esa publicación se ha perdido, pero autores como
                Francisco López de Úbeda o Lope de Vega, entre otros testimonios, aluden
                a la fama de esta pieza. Tal vez circulaba manuscrita e, incluso, podría
                ser una primera parte de 1604. También el toledano Ibrahim Taybilí, de
                nombre cristiano Juan Pérez y el escritor morisco más conocido entre los
                establecidos en Túnez tras la expulsión general de 1609-1612, narró una
                visita en 1604 a una librería en Alcalá en donde adquirió las Epístolas
                familiares y el Relox de Príncipes de Fray Antonio de Guevara y la Historia
                imperial y cesárea de Pedro Mexía. En ese mismo pasaje se burla de los
                libros de caballerías de moda y cita como obra conocida el Quijote. Eso
                le permitió a Jaime Oliver Asín añadir un dato a favor de la posible existencia
                de una discutida edición anterior a la de 1605.</div>
            <div id="p2">La inspiración de Cervantes para componer esta obra vino, al parecer,
                del llamado Entremés de los romances, que era de fecha anterior (aunque
                esto es discutido). Su argumento ridiculiza a un labrador que enloquece
    ...

CSS

body {
    width: 100%;
    height: 100%;
}
#a {
    width: 100%;
    height: 300px;
    overflow: scroll;
}
#1, #p2 {
    width: 100%;
    height: 200px;
    border: 1px solid black;
}

JavaScript

function scrollWin() {
    $('#a').animate({
        scrollTop: $("#p1").offset().top
    }, 2000);
}

$('#btn').click(function (e) {
    scrollWin();
});