Add -webkit-overflow-scrolling

demo/package.json

@@ -18,29 +18,29 @@
     "node": ">=6"
   },
   "dependencies": {
-    "@angular/common": "^4.3.6",
-    "@angular/compiler": "^4.3.6",
-    "@angular/core": "^4.3.6",
-    "@angular/platform-browser": "^4.3.6",
-    "@angular/platform-browser-dynamic": "^4.3.6",
+    "@angular/common": "^4.4.4",
+    "@angular/compiler": "^4.4.4",
+    "@angular/core": "^4.4.4",
+    "@angular/platform-browser": "^4.4.4",
+    "@angular/platform-browser-dynamic": "^4.4.4",
     "es6-shim": "^0.35.3",
     "ng-sidebar": "file:../",
     "reflect-metadata": "^0.1.10",
     "rxjs": "^5.4.3",
-    "zone.js": "^0.8.17"
+    "zone.js": "^0.8.18"
   },
   "devDependencies": {
-    "copy-webpack-plugin": "^4.0.1",
+    "copy-webpack-plugin": "^4.1.1",
     "css-loader": "^0.28.7",
-    "extract-text-webpack-plugin": "^3.0.0",
+    "extract-text-webpack-plugin": "^3.0.1",
     "gh-pages": "^1.0.0",
     "html-webpack-plugin": "^2.30.1",
     "node-sass": "^4.5.3",
     "sass-loader": "^6.0.6",
-    "style-loader": "^0.18.2",
-    "ts-loader": "^2.3.6",
-    "typescript": "^2.5.2",
-    "webpack": "^3.5.6",
+    "style-loader": "^0.19.0",
+    "ts-loader": "^2.3.7",
+    "typescript": "^2.5.3",
+    "webpack": "^3.6.0",
     "webpack-dev-server": "^2.7.1"
   }
 }

package.json

@@ -39,15 +39,15 @@
     "@angular/common": ">=2.3.0"
   },
   "devDependencies": {
-    "@angular/common": "^4.3.6",
-    "@angular/compiler": "^4.3.6",
-    "@angular/compiler-cli": "^4.3.6",
-    "@angular/core": "^4.3.6",
-    "@angular/platform-browser": "^4.3.6",
-    "rimraf": "^2.6.1",
+    "@angular/common": "^4.4.4",
+    "@angular/compiler": "^4.4.4",
+    "@angular/compiler-cli": "^4.4.4",
+    "@angular/core": "^4.4.4",
+    "@angular/platform-browser": "^4.4.4",
+    "rimraf": "^2.6.2",
     "rxjs": "^5.4.3",
     "tslint": "^5.7.0",
-    "typescript": "^2.5.2",
-    "zone.js": "^0.8.16"
+    "typescript": "^2.5.3",
+    "zone.js": "^0.8.18"
   }
 }

src/sidebar-container.component.ts

@@ -56,6 +56,7 @@ import { isBrowser } from './utils';
     }
 
     .ng-sidebar__content {
+      -webkit-overflow-scrolling: touch;
       overflow: auto;
       position: absolute;
       top: 0;

src/sidebar.component.ts

@@ -35,6 +35,7 @@ import { isLTR, isIOS, isBrowser } from './utils';
   `,
   styles: [`
     .ng-sidebar {
+      -webkit-overflow-scrolling: touch;
       overflow: auto;
       pointer-events: auto;
       position: absolute;