mobile site - sinsunsan/archiref_wiki GitHub Wiki

There is some changes needed when converting to mobile

• Touch devices

• Slow scroll on iphone ?

  • http://programming.mvergel.com/2013/09/solved-smooth-div-scrolling-in-ipad.html#.U5AvEZR_tGw
  • http://css-tricks.com/snippets/css/momentum-scrolling-on-ios-overflow-elements/
  • http://jsbin.com/safiw

If you have a scrollable div using overflow: auto or overflow: scroll, you will notice that the scroll is slow or choppy. To make the inline scroll smooth, just add the following in your css class:

#SCROLLABLE_DIV {
  height: 300px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

On the desktop the rule will appear as not applied, but it will be applied on mobile iphone