<div class="Layout-main"><h1 id="disable-bounce-effect"><a aria-hidden="true" tabindex="-1" href="#disable-bounce-effect"><span class="icon icon-link"></span></a>Disable bounce effect</h1>
<div class="highlight highlight-css"><div class="highlight-header"><div class="highlight-language">css</div></div><pre><code tabindex="0"><span class="line"><span class="line-number" aria-hidden="true">1</span><span class="pl-ent">html</span>,</span>
<span class="line"><span class="line-number" aria-hidden="true">2</span><span class="pl-ent">body</span> {</span>
<span class="line"><span class="line-number" aria-hidden="true">3</span>  <span class="pl-c1">overscroll-behavior</span>: <span class="pl-c1">none</span>;</span>
<span class="line"><span class="line-number" aria-hidden="true">4</span>}</span>
</code></pre></div>
<p>See:</p>
<ul>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/overscroll-behavior">overscroll-behavior - CSS | MDN</a></li>
<li><a href="https://stackoverflow.com/questions/58684546/css-disable-bounce-effect-for-scroll-on-ios-13">html - CSS: Disable bounce effect for scroll on iOS 13 - Stack Overflow</a></li>
<li><a href="https://stackoverflow.com/questions/29894997/prevent-ios-bounce-without-disabling-scroll-ability">javascript - Prevent iOS bounce without disabling scroll ability - Stack Overflow</a></li>
</ul></div><nav class="Layout-sidebar"><ol class="toc-level toc-level-1"><li class="toc-item toc-item-h1"><a class="toc-link toc-link-h1" href="#disable-bounce-effect">Disable bounce effect</a></li></ol></nav>

zjffun blog

CSS Mobile Development

Disable bounce effect