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 you enjoy this? Hire me!

Hi there, I’m Harry. I am an award-winning Consultant Front-end Architect, designer, developer, writer and speaker from the UK. I write, tweet, speak and share code about authoring and scaling CSS for big websites. You can hire me.

I am currently accepting new projects for Q1–2 2020


  • inuitcss
  • ITCSS – coming soon…
  • CSS Guidelines

Next Appearance

  • Talk

    ViennaJS, Vienna (Austria), March 2020

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.