0

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

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

任何帮助将不胜感激。

4

2 回答 2

2

下面的代码将给出你想要的。:)（经过测试的桌面和 Android 和 iOS）；

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

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

于 2013-09-13T13:40:15.220 回答
1

我似乎找不到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,
于 2013-02-22T22:49:09.997 回答