smooth-scrollbar icon indicating copy to clipboard operation
smooth-scrollbar copied to clipboard

Demo does not work, IE 11, Windows 10

Open mkmule opened this issue 6 years ago • 6 comments

Environment

  • Browser: IE 11 Version: 11.674.15063.0 Update: 11.0.47

  • Version of smooth-scrollbar: 8.11.1 (But very possible that previous fails too)

Issue Summary

Windows 10

Tried to check DEMO on IE11 and it seems to be broken: https://idiotwu.github.io/smooth-scrollbar/

Current Behavior

The page does not scroll. The console does not have any errors.

Expected Behavior

Default library behavior (as in Chrome)

Steps to Reproduce

Open a demo.

mkmule avatar Oct 24 '17 18:10 mkmule

I just unable to reproduced this issue. It is working well on IE11 (and even IE10 emulator) on my win10 VM.

idiotWu avatar Oct 24 '17 21:10 idiotWu

I rechecked.

Indeed it works with the mouse wheel, but when I try to scroll using touchpad (two fingers) it pushes up entire page and does not scroll. On Chrome everything is fine.

Could you check a two fingers scrolling on your environment please?

mkmule avatar Oct 24 '17 22:10 mkmule

It works with my trackpad on MacBook. But I don’t have any windows PC with touchpad so I am not able to test it myself 😢.

It’s so weird that you can scroll with mouse wheel while failing with touchpad. They should both fire same wheel event.

idiotWu avatar Oct 24 '17 22:10 idiotWu

The Windows 10 touchpad in the taskbar fires a scroll event. But there's a bigger issue. Touch is broken on Windows, and touchscreens are pretty much standard on most Windows machines nowadays.

Touch events are only available in Chrome and Firefox. IE/Edge don't have touch events, and never will. They use PointerEvents, which are much better as they combine mouse and touch into a single event. Chrome recently added PointerEvents, and they're sitting behind a flag in Firefox.

Here's a good tutorial on how to get started with PointerEvents, which is what Google recommends using. https://developers.google.com/web/fundamentals/design-and-ux/input/touch/#add_event_listeners

And everything you need to know about touch and pointer events. https://patrickhlauke.github.io/getting-touchy-presentation/

OSUblake avatar Nov 30 '17 15:11 OSUblake

I couldn't reproduce this issue. For Edge users, you may need to check whether touch event is enabled.

image

xqq avatar Jan 24 '18 11:01 xqq

That's mostly for testing purposes. Touch will always be available in Edge via PointerEvents. In other news, Firefox 59 just enabled PointerEvents for desktop. https://bugzilla.mozilla.org/show_bug.cgi?id=1411467

OSUblake avatar Mar 08 '18 10:03 OSUblake