Touchpad/Trackpad scrolling IE10+ and Edge
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:
parent
fd53ae0b48
commit
e4dda6f408
@ -63,8 +63,19 @@ $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 {
|
||||||
display: block;
|
display: block;
|
||||||
|
Loading…
Reference in New Issue
Block a user