Momentum Scrolling iOS Device

iOS has default scrolling animation on Safari. When you flick the website up or down, it keeps going for a sec, then slow down & stop. This animation stop work when you use overflow:hidden. But you can add it back. Here is the code
html,body {
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
overflow-x: hidden;
overflow-y: scroll; /* must be scroll */
-webkit-overflow-scrolling: touch;
}

My mobile applications are live now

RYCO AppRecently updated RYCO PTM – Hydraulics.
Download now: iOS and Android

Website for mobile header should have…

When you are making website for mobile view. You need to have following code at HTML header. I am using my links, just replace with yours. 🙂

<meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <meta name="author" content="Shohag Bhuiyan">
<link rel="author" href="https://plus.google.com/u/0/+ShohagBhuiyan">
 <meta property="article:author" content="http://au.linkedin.com/in/shohagbhuiyan/" />
 <meta property="article:publisher" content="http://www.shohagbhuiyan.info" />
 <meta name="description" content="Shohag Bhuiyan's personal website.">
 <meta property="og:title" content="Shohag Bhuiyan"/>
 <meta property="og:image" content="http://www.shohagbhuiyan.info/img/Shohag-Bhuiyan.png"/>
 <meta property="og:url" content="http://www.shohagbhuiyan.info">
 <meta property="og:description" content="This is my personal website. Please visit to see my work sample or contact me. Thanks."/>
 <link rel="icon" href="http://www.shohagbhuiyan.info/img/icons/favicon.ico">
 <!--[if IE]><link rel="shortcut icon" href="http://www.shohagbhuiyan.info/img/icons/favicon.ico"><![endif]-->
 <link rel="apple-touch-icon" href="http://www.shohagbhuiyan.info/img/icons/mipmap-xxxhdpi-ic_launcher.png" />
 <link rel="icon" href="http://www.shohagbhuiyan.info/img/icons/mipmap-xxxhdpi-ic_launcher.png" >