iScroll隐藏/显示滚动条

Question

我正在尝试在我的iScroll div上实现悬停功能，在这里我可以显示/隐藏滚动条。 我想让用户将鼠标悬停在div上并显示滚动条，并且一旦用户将鼠标移开容器，滚动条就会消失。

我一直在调查这件事，以查看是否有可能，但是没有足够的运气试图找到解决方案。 我发现iScroll有一个hideScrollbar参数，在初始化新的iScroll对象时可以设置该参数，但不能完全确定如何根据用户与滚动容器的交互来动态设置该参数。

任何帮助将不胜感激。

Answer 1

下面的代码将提供您想要的。 ：）（经过测试的台式机，Android和iOS）；

hideScrollbar: !isIDevice || isIDevice || isAndroid,
fadeScrollbar: !isIDevice || isIDevice && has3d,

这与vletech在112-113之前所说的相同。

Answer 2

我似乎找不到如上所述的参数hideScrollbar ，但是解决此问题的一种简单方法是在其上添加自己的淡入淡出动画。

例如

$('#DivToHover').hover(
   function(){
      $('#ScrollBarDiv').fadeIn("fast");
   },
   function(){
      $('#ScrollBarDiv').fadeOut("fast");
   }
);

但这可能会导致一些问题，如果您希望在移动设备上可以看到此问题。

编辑

将第35行更改为。

isIDevice = (/iphone|ipad|Mozilla/gi).test(navigator.appVersion),

编辑2再次考虑这个更好的方法将是保留行35 (/iphone|ipad/gi) 。 但是将112和133行更改为...

hideScrollbar: isIDevice && !isIDevice,
fadeScrollbar: isIDevice && !isIDevice && has3d,