Streaming live at 10am (PST)

Disable bounce and rubber band scroll in Safari and iOS


#1

Hi!

My project share link

How do I disable scroll and pull bouncing and rubber band effect at the top and bottom of the page?

I’ve tried this code, but it only worked for me in Chrome on Desktop but not in Safari. Another disadvantage is that it disables pull to refresh gesture on Android.

This is a perfect example of what I’d love to achieve https://www.eckharttolle.com/ , no bouncing, no rubber band effect upon pull, but pull to refresh still works on mobile.

Thanks in advance.

<style>
html {
  height: 100%;
  width: 100%;
  overflow: hidden;
}

body {
  height: 100%;
  padding: 0;
  overflow: auto;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}
</style>

#2

Disable elastic scrolling in Safari

ipad safari: disable scrolling, and bounce effect?


#3

None of that worked on desktop Safari unfortunately, these answers are 6 years old.