iScroll用拖動的桌面瀏覽器的滾動條

我想提出我的網頁，使用iScroll4，一點點桌面（在Linux，Mac或PC）瀏覽器用戶更好。我想將可拖動滾動條添加到iScroll組件並隱藏默認指示器。或者，如果默認指標可以以某種方式更改以接受點擊和拖拽 - 那也會很棒。iScroll用拖動的桌面瀏覽器的滾動條

到目前爲止，我已經以這種方式改變了iScroll事件處理程序：

來自：

case MOVE_EV: that._move(e); break; 
case END_EV:

到：

case MOVE_EV: that.disable(); break; 
case END_EV: that.enable(); break;

這種變化，否則在下拉做在iScroll元素內將以錯誤的方向滾動頁面。

現在我有一些嚴重的問題顯示在iScroll元素中的實際滾動條。添加：

overflow:scroll;

到包含iScroll股利，使滾動條僅幾分鐘，只有在鼠標滾動可見。滾動條然後消失。

如果任何人有任何偉大的想法，如何改變iScroll.js文件的方式，將iScroll實際上可以改變本身具有拖拽滾動條的能力，這將是美妙的。

我也想指出，我想保留使用iScroll在默認方式爲支持觸摸的設備和更改默認的行爲僅桌面瀏覽器的選項。

來源

2013-02-25 lojamets

@boaz ans下面通過添加'{scrollbars：true，interactiveScrollbars：true}'作爲選項解決了這個問題 – 2016-04-08 11:52:52

我發現ZoranJambor已經在GitHub上作出的解決方案：

https://github.com/ZoranJambor/iscroll

他iScroll有一個可以設置爲true，如果你想擁有可拖動滾動條附加參數draggableScrollbars。

也見這個例子：

https://github.com/ZoranJambor/iscroll/tree/master/examples/draggable-scrollbars

謝謝你，希望這可以幫助其他人也 - 我花了整整兩天的尋找解決方案。

BR！

來源

2013-02-26 11:07:14 lojamets

在iScroll 5有一個叫interactiveScrollbars一個選項，這使得滾動條「拖動和用戶可以與它進行交互」：http://iscrolljs.com/#scrollbars

注意此選項默認設置爲false，所以爲了使它你需要明確地將其設置爲true，例如：

var someElementWrapper = document.getElementById('some-element-wrapper'); 
new IScroll(someElementWrapper, {scrollbars: true, interactiveScrollbars: true});

^{這件事情也已經報告爲iScroll Github上庫issue #342 （現已關閉）。}

來源

2014-10-13 13:52:57 Boaz

iScroll用拖動的桌面瀏覽器的滾動條

回答

相關問題