<body><!-- with scroll -->
<div style="position: fixed"></div><!-- With and Without scrolling -->
</body>
For example, when I'm like this,
If div does not scroll or if you continue to move the screen up or down when the scroll arrives at each end, the scroll in the body part moves, and I want to stop the scroll in the body part.
The point is this.
Register the Scroll Event Listener Prevent browser default scrolling The value received from the event Manually move the scroll position.
(Hmm...) I've tried this and that, but this is the only way left.)
https://codepen.io/digda/pen/xeVRKR
I wrote it based on jquery There is a separate corresponding code for desktop/mobile.
The scroll inertia that mobile provides by default disappears. To apply inertia, we need to implement it ourselves or use a library that implements custom scroll inertia.
Please modify it according to the characteristics of the page you are configuring.
© 2024 OneMinuteCode. All rights reserved.