document.addEventListener("mousemove", e => {
const offsetY = e.clientY;
const line = document.querySelector(".line");
if (getComputedStyle(line).getPropertyValue("display") === "none") {
line.style.setProperty("display", "block");
}
line.style.setProperty("--y", `${offsetY}px`);
});
.line {
position: fixed;
top: var(--y);
left: 0;
right: 0;
display: none;
border: red solid;
}
<div class="line" style="--y: 50px"></div>
<div>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pulvinar erat sit amet lacinia lobortis. Etiam condimentum odio eros, ac gravida orci convallis eu. Duis leo justo, vulputate non vehicula vel, vehicula in nibh. Ut augue ligula, aliquet at
metus ut, interdum tincidunt eros. Donec fermentum eu dolor sit amet pulvinar. Aenean scelerisque turpis nunc, eu bibendum odio feugiat in. Etiam feugiat, ipsum eu eleifend hendrerit, ipsum ante semper erat, ut tempus urna risus vitae dolor. Aenean
sed semper orci.
</p>
<p>
Nullam sit amet lectus ut massa vestibulum egestas. Fusce congue sapien et massa congue sollicitudin. Etiam quis enim vel sem sodales dignissim eget at ex. Nam consequat gravida sollicitudin. Nunc aliquet efficitur magna, ac viverra libero fringilla sit
amet. Vivamus pulvinar tempus ante, vitae tristique quam blandit nec. Duis maximus aliquam volutpat. Vestibulum sit amet aliquet arcu, id fringilla dui. Fusce pulvinar nisi eu vehicula iaculis. Morbi ultricies neque ut faucibus commodo. Donec ut nulla
posuere metus imperdiet venenatis nec ut enim. Curabitur maximus sem in metus fermentum dictum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae;
</p>
<p>
Nulla congue malesuada nisi ac sollicitudin. Integer fermentum eros felis, ut egestas sapien suscipit ac. Duis ultrices erat enim, quis ornare dui sodales vitae. Nulla facilisi. Nulla sagittis pulvinar massa, ac sollicitudin massa aliquam et. Nam rutrum
nulla nunc, nec euismod enim rutrum id. Pellentesque orci diam, ullamcorper vitae elit viverra, dictum ullamcorper quam.
</p>
<p>
Nam congue magna a dolor vehicula, non feugiat neque mattis. Ut dictum mollis magna. Aenean in odio interdum, elementum libero ut, finibus sapien. Nulla euismod ornare dolor nec aliquet. Aenean maximus nisl vel pellentesque fringilla. Maecenas maximus,
orci non finibus bibendum, erat dui placerat arcu, a iaculis metus metus vel risus. Suspendisse rhoncus ex tellus, vel condimentum purus eleifend nec. Phasellus in mi fringilla, feugiat lacus eget, lacinia nulla. Etiam ac nisl hendrerit, feugiat velit
at, eleifend tellus. Aenean et magna sem. Donec dui massa, aliquam quis hendrerit sit amet, venenatis ut mauris. Cras molestie elit sapien, malesuada condimentum tellus accumsan et. Aliquam erat volutpat. Duis malesuada fermentum urna a ultrices.
Maecenas sed arcu a risus euismod fringilla vitae vel erat. Nunc sed urna cursus, lobortis ante a, vulputate mauris.
</p>
<p>
Phasellus semper at mi id euismod. Duis sit amet risus sit amet neque tempor iaculis. Suspendisse lobortis sed lacus vitae porttitor. Nulla pellentesque posuere arcu id imperdiet. Morbi sit amet urna ante. Aliquam ac placerat massa. In hac habitasse platea
dictumst. Duis non lectus urna. Ut a lacinia purus. Morbi non porta urna, eu laoreet arcu.
</p>
<p>
Donec ut euismod ex, ac mattis nibh. Nam fermentum sollicitudin ante, sed dignissim velit tincidunt nec. In viverra lobortis arcu vulputate sagittis. Vestibulum tincidunt sem id rhoncus laoreet. Quisque odio ex, pulvinar vitae egestas id, blandit sed
nisi. Vivamus at dignissim felis, vel finibus nisi. Nunc auctor rhoncus ullamcorper. Nam nec leo eros. Vivamus vestibulum nulla et tempor pharetra. Vivamus eget ultricies mi. Donec nibh purus, aliquet ut est non, luctus euismod purus. Quisque sem
ante, suscipit quis velit eu, viverra egestas velit.
</p>
<p>
Vestibulum ligula metus, posuere vel enim in, elementum sagittis nibh. Vivamus sagittis nisi sed lacus blandit, fermentum consectetur sem fermentum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque
gravida commodo est at mollis. Aliquam nec libero id elit dictum tristique. Nullam et ante erat. Donec a elit mauris. Vivamus faucibus ex mattis purus lobortis, et facilisis ante tincidunt. Integer maximus velit augue, vitae consectetur tellus tincidunt
ultricies.
</p>
<p>
Praesent eu laoreet magna. Praesent at ante non turpis pretium malesuada. Vivamus iaculis felis felis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Cras tempor mattis turpis non mollis. Nulla maximus tellus
dui, maximus molestie sem ornare venenatis. Etiam eget tellus commodo nisi pharetra facilisis.
</p>
<p>
Sed pretium ultricies dolor vitae elementum. Aenean sed nibh bibendum, pretium risus vel, semper orci. Duis et finibus odio. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Pellentesque nec vulputate massa. Vivamus
nec arcu dolor. Sed elementum in ex sed euismod. Vestibulum at arcu mattis, convallis sapien quis, faucibus lorem. Nam elementum pulvinar pretium. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque volutpat dolor eget tempus
auctor.
</p>
<p>
Praesent facilisis aliquet est, at faucibus elit vestibulum eget. Nulla malesuada nunc a lectus consequat feugiat. Pellentesque et mauris vulputate, gravida dui ultrices, interdum leo. Phasellus vehicula metus magna, a elementum neque rhoncus quis. Nulla
faucibus commodo blandit. Proin rutrum rutrum massa non facilisis. Cras porta eget metus ut feugiat. Praesent blandit commodo rhoncus. Aenean massa risus, dictum sit amet interdum in, tempus quis quam. In pharetra metus vel erat volutpat mattis. Vestibulum
sagittis, nibh vitae maximus aliquam, libero neque efficitur est, non viverra eros orci eu dolor. Sed porttitor enim nec felis volutpat porta. Etiam ut consectetur turpis. Vestibulum mauris justo, malesuada pellentesque est cursus, bibendum mattis
nisl. Proin elementum efficitur ultricies. Phasellus congue mauris semper magna elementum pharetra.
</p>
</div>