Code Snippet

Home » Code Snippets » CSS » Prevent Bounce Scroll in Lion

Prevent Bounce Scroll in Lion

Just make sure you zero out the margin and padding on those elements as well (normal in any reset or normalization). 

html, body {
  height: 100%;
  overflow: hidden;
}

Reference URL

Subscribe to The Thread

  1. Paulo

    As a Lion user, please don’t do that on your website. Don’t take out my bouncing fun..

    Reply ↓
  2. Eric L Pheterson

    I agree, I like bouncy scrolling. If it’s all the same to you, leave it.

    Reply ↓
  3. Billyg

    What? no get rid of it. At what point did the user need some stupid extraneous bouncing to let you know you were at the bottom of a page? surely the fact that it has stopped scrolling is enough.

    Reply ↓
  4. Nabil Gardon

    I’m sorry, but this code hides whatever is outside of the base visible rectangle. In other words, this code prevents scrolling all together…

    And I agree, bounce scroll is hideous, and really useless. I would love to disable it as an iPad user…

    Reply ↓

Speak, my friend

At this moment, you have an awesome opportunity* to be the person your mother always wanted you to be: kind, helpful, and smart. Do that, and we'll give you a big ol' gold star for the day (literally).

Posting tips:
  • You can use basic HTML
  • When posting code, please turn all
    < characters into &lt;
  • If the code is multi-line, use
    <pre><code></code></pre>
Thank you,
~ The Management ~