Is there a way to prevent a div from moving when scrolling up or down without using the position:fixed property? When an element is fixed, the scroll bar disappears making it impossible to reach the element by scrolling.
div{
position:fixed;
top:1500px;
}
For example, if you try to access this fixed element by scrolling in this fiddle, you'll notice that the scroll bar hides, preventing you from reaching the div 1000px down.
To better understand why I need a solution for this issue, you can visit this link. By inspecting the code (F12 on Chrome), you'll see that the moving elements are fixed. The problem arises when changing screen sizes, as the scroll bars adjust and affect the positioning of elements like the sun when scrolling.
Thank you for any assistance provided.