2013-02-25 82 views
2

我想提出我的网页,使用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在默认方式为支持触摸的设备和更改默认的行为仅桌面浏览器的选项。

+0

@boaz ans下面通过添加'{scrollbars:true,interactiveScrollbars:true}'作为选项解决了这个问题 – 2016-04-08 11:52:52

回答

1

在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 (现已关闭)。