JSFiddle - React, Tailwind, and code Playground

HTML

<a id="stopHere" >Hi !</a>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />

CSS

#stopHere
{
    position:absolute;
    top:300px;
    left:0px;
    width:100%;
    border:1px solid black;
    text-align:center;
}

JavaScript

var docBody = document.body,
    docEl = document.documentElement,
    scrollElement = /WebKit/.test(navigator.userAgent) || document.compatMode == 'BackCompat' ? docBody : docEl,
    theAnchor=document.getElementById("stopHere");

window.onscroll = function() {
    if(mouseIsOver) {
        scrollElement.scrollTop = 300;
        scrollElement.scrollLeft = 0;
    }
};
theAnchor.onmouseover = function() {
    mouseIsOver = true;
};
theAnchor.onmouseout = function() {
    mouseIsOver = false;
};