iNoBounce
iNoBounce copied to clipboard
Allow local rubberbanding when at the bottom or top of a scrollable element
Currently, when using iNoBounce, rubberbanding can only happen if you're not scrolled to the absolute top or bottom of an element.
It would be nice from a UX perspective to allow the element to rubberband without causing the page to bounce.
I think this could be accomplished the by leaving an extra pixel of scroll space when the bottom is hit, but this might make some layouts appear wrong.
:+1: want to use this in http://reapp.io/ because of how easy it was to install. The 1px is interesting. Perhaps it could wrap touch scrollable content with something that is 1px off but -1px margins?
@natew it's worth trying, I want to avoid doing anything that will screw up layouts, so I'm wary of -1px margins, but it might work out just fine.
Hey, Just wanted to thank you for this amazing out-of-the-box solution ! And by the way, local elasticity would be great. If you are afraid that it could mess up some layouts, maybe make it an api option one must first switch on. :)
@lazd thank you for the solution, so far works great. Could please anyone (@natew) explain this:
wrap touch scrollable content with something that is 1px off but -1px margins? I actually did this using css, but no luck, does it mean it should be dynamically added when scrolled on top?