React-custom-scrollbars: Disable horizontal scrollbar

Created on 11 Jan 2016  路  4Comments  路  Source: malte-wessel/react-custom-scrollbars

I'm sure this (is...) seems silly, but I'm nesting the scrollbars quite deep and can't seem to figure out how to disable horizontal scrolling.

question

Most helpful comment

@rknDA1337 u can render ur custom horisontal scroll box renderTrackHorizontal={props => <div {...props} className="track-horizontal"/>} and set ur own desireable styles

All 4 comments

There's actually no explicit way to do this. You need to make sure that the view element's width is less or equal the scrollbars element's width.

Whats an implicit way of dealing with it then? If possible, sorry.

I just started using this and my child elements are animated in and out with css3 which is the only time the horizontal scroll bars are shown (they disappear when the element has settled).

Edit: Sorry I'm silly / newb. I figured out a few ways via the customization method. Thanks for a great component!

@rknDA1337 u can render ur custom horisontal scroll box renderTrackHorizontal={props => <div {...props} className="track-horizontal"/>} and set ur own desireable styles

Buenas tardes, estoy tratando con un Iframe con react.js pero tengo un problema con las barras de desplazamiento, cuando quiero visualizar el contenido que tengo en el iframe se me muestra la barra del iframe y el de la pagina padre tambien, si alguien tiene una sugerencia como poder deshabilitar el scroll vertical, gracias.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

elinake picture elinake  路  4Comments

nindavidw picture nindavidw  路  4Comments

danmo picture danmo  路  4Comments

webchaz picture webchaz  路  3Comments

leofle picture leofle  路  4Comments