我已将jScrollPane添加到已附加了一定数量jQuery的div中。
jsFiddle example here。
滚动条样式显示,但滚动条不移动,实际上它甚至都不是“可抓取”而且我现有的功能失败了。但是,我没有得到任何JS错误。
在上面的html示例中注释$('.block-product-gallery .block-content').jScrollPane();
并返回我之前的功能(尽管在jsFiddle中,click函数不起作用 - 它在我的本地浏览器中也有效。)
我的第一个嫌疑人是我的hacky .scroll
监控,但删除它并没有解决问题,没有任何明显错误我越来越难过......
答案 0 :(得分:1)
我刚刚和你的jsfiddle打过一场比赛,并且更接近于在这里工作:
导致问题的主要原因是position: absolute
规则的.block.block-product-gallery.non-static .block-inner .block-content .products
。这意味着jScrollPane无法计算其内容的宽度(因为内容定位绝对不会占用滚动窗格内的任何空间,因此无需滚动。
我还将overfow-x
和overflow-y
更改为普通overflow
- 我没有对方向特定的溢出进行太多测试,但它们可能无法正常工作。
我不确定你的productGallery插件究竟是做什么的,但我认为它可能不起作用...而不是听scroll
事件,你可以尝试听{{1 } event(见events in jScrollPane)