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;

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="">
 <meta property="article:author" content="" />
 <meta property="article:publisher" content="" />
 <meta name="description" content="Shohag Bhuiyan's personal website.">
 <meta property="og:title" content="Shohag Bhuiyan"/>
 <meta property="og:image" content=""/>
 <meta property="og:url" content="">
 <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="">
 <!--[if IE]><link rel="shortcut icon" href=""><![endif]-->
 <link rel="apple-touch-icon" href="" />
 <link rel="icon" href="" >