How do I disable horizontal scrollbar in jScrollPane (JQuery)?

jquery-jscrollpane
May picture May · Dec 10, 2010 · Viewed 22.2k times · Source

Can you guys please let me know what is the best way to disable the horiontal scroll bar?

I have div with width: 100% and height :280px. When we have long continuous text (without any spaces), we are getting a horizontal scrollbar displayed.

Btw I am using jscrollPane.

Any suggestions would be appreciated.

Answer

Sławek Wala picture Sławek Wala · Mar 9, 2012

What I have found in jScrollPane - settings object documentation:

contentWidth - int (default undefined)

The width of the content of the scroll pane. The default value of undefined will allow jScrollPane to calculate the width of it's content. However, in some cases you will want to disable this (e.g. to prevent horizontal scrolling or where the calculation of the size of the content doesn't return reliable results)

So to get rid of horizontal bars, just set content width lower than the container width.

Example:

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

Related questions

JQuery jScrollPane reinitialise

I'm using the JQuery plugin jScrollPane I'm intialising it as follows.. It works initially but when I try and change the settings and reinitialise it it doesnt work properly it kindof flickers and then returns to it's previous state, any …

Read More
jScrollPane dynamic content

i was trying to use the follow jquery plugin: http://jscrollpane.kelvinluck.com/dynamic_content.html but i'm still no success when i try to reinitialize the API I have a div (id=content) which receives the response from load() …

Read More