如何在jScrollPane(JQuery)中禁用水平滚动条？

Question

你们能告诉我什么是禁用horiontal滚动条的最佳方法吗？

我有div width: 100%和height :280px.当我们有长连续文本(没有任何空格)时,我们会显示一个水平滚动条.

顺便说一句,我正在使用jscrollPane.

任何建议,将不胜感激.

Answer 1

我在jScrollPane中找到了什么- 设置对象文档:

contentWidth - int(默认为undefined)

滚动窗格内容的宽度.默认值undefined将允许jScrollPane计算其内容的宽度.但是,在某些情况下,您需要禁用此功能(例如,防止水平滚动或内容大小的计算无法返回可靠结果)

因此,要摆脱水平条,只需将内容宽度设置为低于容器宽度即可.

例:

$('#element').jScrollPane({
    contentWidth: '0px'
});

Answer 2

SławekWala(contentWidth: '0px')的答案是一个非常神奇的魔杖:)

在IE8中,不必要的水平滚动条经常出现在弹性容器上.但这只是麻烦的一部分:当出现水平滚动条时,内容会溢出垂直装订线和滚动条.
因此,如果一个人禁用水平滚动条只是让它看不见(正如其他答案所示),那么麻烦的第二部分仍然存在.

contentWidth: '0px' 解决了这两个症状.

然而,knowncitizen是正确的,'0px'对jScrollPane做了一些奇怪的事情,因为contentWidth是一个整数属性(btw contentWidth: 'foo'给我们带来了相同的结果).
为了避免不可预测的影响,可以使用任何正数但足够小的数字,如下所示:contentWidth: 1

Answer 3

这是一个非常过时的问题.但万一有人和你有同样的问题:

因为我没有找到任何属性或API调用来实现这一点,我使用简单的解决方案 - 通过CSS禁用:

.jspHorizontalBar { display: none !important; }

不是很优雅的方式,但节省了调查或"黑客"jScrollPane代码的时间.