iOS나 macOS에서 브라우저의 모든 방향에서 스크롤 바운스 효과를 쉽게 끌 수 있는 옵션이 필요할 것입니다. 실제로 한 줄의 CSS만으로 쉽게 할 수 있습니다.
body {
overscroll-behavior: none;
}
이 방법이 작동하지 않는 경우에는 덜 우아한 솔루션을 시도할 수 있습니다.
html {
overflow: hidden;
height: 100%;
position: fixed;
}
body {
overflow: auto;
height: 100%;
position: relative;
}
overscroll-behavior-x와 overscroll-behavior-y 등의 옵션이 있습니다. 유용합니다. 그러나 뷰포트의 한쪽 또는 다중 방향의 Overscroll을 편집하는 것이 이 방법으로는 불가능해 보입니다. 예를 들어 위쪽만 등. 이에는 자바스크립트가 필요합니다.
dev.to
Prevent viewport scroll bounce effect
Create attached notes ...
