Currently on iOS devices source code snippets have a very poor scrolling behavior. Adding

-webkit-overflow-scrolling: touch;

to the corresponding container should fix that problem and add "momentum scrolling".

  • you can just use two finger scroll there – Jeff Atwood Jul 9 '12 at 23:50
  • @JeffAtwood Might want to take a look at example number one. This is sort of solved in iOS 6... sort of meaning code overflows into the next line. – CodaFi Jul 10 '12 at 0:05
  • 2
    It still doesn't have the "bouncy" feeling when scrolling with two fingers, you need the CSS for that. I couldn't see any overflow on iOS6, which I am using. – lucas clemente Jul 10 '12 at 0:17
  • It overflows in mobile. You must be talking about desktop. – CodaFi Jul 10 '12 at 0:20
  • So this would make scrolled source code bounce back when releasing one's fingers? (I'd not like that.) Or only when scrolling to far? (When scrolling past the total width/height?) – Arjan Jul 10 '12 at 4:45
  • 1
    @Arjan: Only when scrolling too far, the rubber band effect. Also it has momentum, i.e. it doesn't stop scrolling the moment you lift your finger. – lucas clemente Jul 10 '12 at 12:17
  • Then, me too! ;-) – Arjan Jul 10 '12 at 15:50
  • Hmmm, you asked in July 2012, but a year earlier scrolling on mobile was changed to wrapping, as "Two-finger scrolling doesn't work reliably (or at all) on some of the Android devices I've tested with. Makes wrapping the only real option." (Also, many users don't even know that their mobile might support two-finger scrolling.) Do you see scrolling of code blocks anywhere? Or is this about the "regular" website, not the mobile theme? – Arjan Aug 16 '13 at 12:08

You must log in to answer this question.

Browse other questions tagged .