search

jstoudt / enscroll

A jQuery plugin for custom scrollbars
http://enscrollplugin.com
Other
73 stars 46 forks source link

Working in Ipad #46

Open viru-rishu opened 9 years ago

viru-rishu commented 9 years ago

This plugin is not working in Ipad. What we have to do to make this working?

jstoudt commented 9 years ago

@viru-rishu, I finally got my hands on an iPad to check into this. On an iPad Air, all the samples I've made previously all seem to work correctly on mobile Safari in iOS 8. Could you maybe provide me with an example of this problem so I can conduct a more thorough analysis?

viru-rishu commented 9 years ago

Hi There,

You have developed a great plugin, thanks for that. When we tap on green scroll bar image in ipad, we are not able to scroll it. Hopefully, you are getting my point. Thanks.

Please find the attachment. screenshot-dev sourcefuse com 2014-12-29 12-12-31

ghost commented 9 years ago

I can confirm that the plugin works in Safari and Chrome on an iPad 4 with iOS 8.1.2, but not on an iPad1 with iOS 5.1.1 (I know, it's old but some people still use them). It also doesn't work in IE11 on a Windows Surface with Windows RT 8.1 . The Surface ships with a mouse, and it does work when using the mouse, but it doesn't when using touch. It also works in Chrome on a Samsung Galaxy Tab3 7" with Android 4.4.2

-edit- It seems both tablets can't handle the overflow:hidden which is set by the plugin. When you look at the source code of Facebook, they mimick the overflow:hidden by adding a padding-right on the element that scrolls. The parent element has overflow:hidden causing the scrollbar to be pushed outside the parent, making it invisible.

-edit 2- If you want to check this yourself. Open the Notifications dropdown (the globe) and look for the uiScrollableArea and uiScrollableAreaWrap elements.