jScrollPane不能与自定义.scroll一起使用

时间:2010-12-16 10:17:51

标签: jquery jscrollpane

我已将jScrollPane添加到已附加了一定数量jQuery的div中。

jsFiddle example here

滚动条样式显示,但滚动条不移动,实际上它甚至都不是“可抓取”而且我现有的功能失败了。但是,我没有得到任何JS错误。

在上面的html示例中注释$('.block-product-gallery .block-content').jScrollPane();并返回我之前的功能(尽管在jsFiddle中,click函数不起作用 - 它在我的本地浏览器中也有效。)

我的第一个嫌疑人是我的hacky .scroll监控,但删除它并没有解决问题,没有任何明显错误我越来越难过......

1 个答案:

答案 0 :(得分:1)

我刚刚和你的jsfiddle打过一场比赛,并且更接近于在这里工作:

http://jsfiddle.net/ZkAw8/1/

导致问题的主要原因是position: absolute规则的.block.block-product-gallery.non-static .block-inner .block-content .products。这意味着jScrollPane无法计算其内容的宽度(因为内容定位绝对不会占用滚动窗格内的任何空间,因此无需滚动。

我还将overfow-xoverflow-y更改为普通overflow - 我没有对方向特定的溢出进行太多测试,但它们可能无法正常工作。

我不确定你的productGallery插件究竟是做什么的,但我认为它可能不起作用...而不是听scroll事件,你可以尝试听{{1 } event(见events in jScrollPane