因此，我页面的顶部是一整页（100vw x 100vh）的div，顶部有一个（假设为100）px固定的导航栏。当用户位于页面顶部并尝试滚动时，我希望他们保留在页面顶部，但要使顶部div随其滚动而缩小，直到div变为导航栏的高度，本质上成为其背景；然后，滚动即可照常继续。
当用户向上滚动时，我希望该过程逆转，并且div返回全尺寸。我真的希望有一个纯粹的CSS解决方案来兼顾兼容性和响应性，但是JavaScript也能很好地工作。
我一直在研究JavaScript解决方案，但成功率极低，但存在一点点缺陷-我一直在使用$(window).scroll()，滚动距离，将div缩小，然后e.preventDefault()或window.scrollTo(0,0)。这是一个非常肮脏的解决方案，在大多数情况下根本无法正常工作，而我对于更好的解决方案不知所措...
非常感谢您的帮助！