cartodb/perfect-scrollbar
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Touchpad/Trackpad scrolling IE10+ and Edge

Browse Source 
Right now you can't scroll with your touchpad/trackpad on a element that
has the perfect scrollbar in IE10+ and Edge.
By using the property '-ms-overflow-style' (Supported in IE10+ and Edge)
too hide the overflow instead of the default 'overflow' property, you
keep the scrolling with touchpad/trackpad functionality.
This commit is contained in:
TheBoef 2015-10-14 23:59:19 +02:00
parent fd53ae0b48
commit e4dda6f408
1 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/css/main.scss
View File

@ -63,7 +63,18 @@ $ps-bar-hover: #999;
.ps-container { .ps-container {
-ms-touch-action: none; -ms-touch-action: none;
touch-action: none;
overflow: hidden !important; overflow: hidden !important;
-ms-overflow-style: none;
// Edge
@supports (-ms-overflow-style: none) {
overflow: auto !important;
}
// IE10+
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
overflow: auto !important;
}
&.ps-active-x > .ps-scrollbar-x-rail, &.ps-active-x > .ps-scrollbar-x-rail,
&.ps-active-y > .ps-scrollbar-y-rail { &.ps-active-y > .ps-scrollbar-y-rail {