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,