Sentinel: Your Web-Performance Watchman

Scrolling overflowed content in iOS

Written by on CSS Wizardry.

Table of Contents

This is just a mini-post courtesy of my ‘brother-in-law’ Nick Haworth who showed me this. It’s all about scrolling overflowed content in fixed width/height containers in iOS.

This article was actually brought about by seeing this, the iScroll project, which states:

“The overflow:scroll for mobile webkit. Project started because webkit for iPhone does not provide a native way to scroll content inside a fixed size (width/height) div…”

Well guess what, it does!

Head to my article Let it snow! on an iOS device and head to the first block of code. Take two fingers (as opposed to the usual one) and scroll horizontally. See that? Pretty cool, huh?

Apologies if you already knew that, but everyone I’ve spoken to had no idea about it.

Cheers, Nick!

Please note, this article is not calling into question iScroll or any of its code, it was simply that one quote that reminded me of this useful iOS feature.



Did this help? We can do way more!


Hi there, I’m Harry Roberts. I am an award-winning Consultant Web Performance Engineer, designer, developer, writer, and speaker from the UK. I write, Tweet, speak, and share code about measuring and improving site-speed. You should hire me.

You can now find me on Mastodon.


Suffering? Fix It Fast!

Projects

  • inuitcss
  • ITCSS – coming soon…
  • CSS Guidelines

Next Appearance

  • Talk & Workshop

    WebExpo: Prague (Czech Republic), May 2024

Learn:

I am available for hire to consult, advise, and develop with passionate product teams across the globe.

I specialise in large, product-based projects where performance, scalability, and maintainability are paramount.