Add webkit overflow

robinpoort · Apr 13, 2018 · a420129 · a420129
1 parent 22b375b
commit a420129
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 1 deletion.
diff --git a/dist/css/swipr.css b/dist/css/swipr.css
@@ -5,6 +5,7 @@
 
 [data-swipr] {
   overflow: auto;
+  -webkit-overflow-scrolling: touch;
 }
 
 .swipr-prev,

diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "swipr",
   "description": "Swipe through horizontal content. Buttons for non-mobile/non-touch devices. Natural swipe for mobile/touch devices",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "homepage": "https://robinpoort.github.io/swipr/",
   "author": "https://github.com/robinpoort/swipr/graphs/contributors",
   "repository": {

diff --git a/src/scss/swipr.scss b/src/scss/swipr.scss
@@ -9,6 +9,7 @@ $swipr-wrapper-overflow: hidden !default;
 // Swiper
 $swipr-selector: '[data-swipr]' !default;
 $swipr-overflow: auto !default;
+$swipr-webkit-overflow: touch !default;
 
 // Buttons
 $swipr-button-position: absolute !default;
@@ -40,6 +41,7 @@ $swipr-disabled-pointer-events: none !default;
 @if $swipr-selector != false {
   #{$swipr-selector} {
     @if $swipr-overflow != false { overflow: $swipr-overflow; }
+    @if $swipr-webkit-overflow != false { -webkit-overflow-scrolling: $swipr-webkit-overflow; }
   }
 }