JSFiddle - React, Tailwind, and code Playground
HTML
<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 />
<div id="error" class='error'>error message</div>
<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
.error{
display: none;
padding:20px 0;
}
JavaScript
$(document).keypress(function(e) {
if(e.which == 13) {
$('.error').show();
$('.error')[0].scrollIntoView(true);
}
});