• Left Home Rigth
  • Link Example
  • Link Example
  • Link Example
  • Link Example
  • Link Example
  • Link Example
  • Link Example
  • Link Example
  • Link Example
  • Link Example
  • Link Example
  • Link Example
  • Link Example
  • Link Example
  • Last Example
  • Link Example
  • Link Example
  • Link Example
  • Link Example
  • Link Example
  • Link Example
  • Link Example
  • Link Example
  • Link Example
  • Link Example
  • Link Example
  • Link Example
  • Link Example
  • Link Example
  • Last Link
  • Message from Andrei
  • Message from Andrei
  • Message from Andrei
  • Message from Andrei
  • Message from Andrei
  • Scroll · About

    Scrolling example for ios & android
    w/ overflow:scroll & -webkit-overflow-scrolling: touch; for iOS
    android has no overflow:scroll
    On android I implemented my own version of scrolling using css transform. The menu on the left is without it the menu on the right has the scrolling implemented. Usually a menu on an android 2.x would be fully expanded because overflow:scroll == overflow:hidden on android. With this implementation you can hide the overflow, listen on touchevents and move the content with css transform
    on ios its regular css, overflow:scroll
    I noticed that using `native scrolling` on menus breaks the app (makes the div flexible, you can pull it from any direction and it doesn't feel like a native app) I did however use native scrolling on the main content area (without it overflow:scroll does not have the inertia)
  • Article title

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  • Article title

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  • Article title

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  • Article title

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  • Article title

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  • Article title

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.