var calculatedWidth = widget.container.width() - ( widget.ui.outerWidth() - widget.ui.width() );
// hardcode ui, viewport and item's width. I couldn't get it to work using CSS only
widget.ui.css( { width: calculatedWidth } );
widget.viewport.css( { width: calculatedWidth } );
i.items.css( { width: calculatedWidth } );
this line to
var calculatedWidth = widget.container.width() - ( widget.ui.outerWidth() - widget.ui.width() );
var calculatedWidth2 = widget.container.width() - ( widget.ui.outerWidth() - widget.ui.width() )-18;
// hardcode ui, viewport and item's width. I couldn't get it to work using CSS only
widget.ui.css( { width: calculatedWidth } );
widget.viewport.css( { width: calculatedWidth } );
if(i.options.scrollbar == true){
i.items.css( { width: calculatedWidth2 } );
}else{
i.items.css( { width: calculatedWidth } );
}
scrollbar has 18px width
but It's not set.
I would like to have support for each browser if possible.
var calculatedWidth = widget.container.width() - ( widget.ui.outerWidth() - widget.ui.width() );
// hardcode ui, viewport and item's width. I couldn't get it to work using CSS only widget.ui.css( { width: calculatedWidth } ); widget.viewport.css( { width: calculatedWidth } ); i.items.css( { width: calculatedWidth } );
this line to
var calculatedWidth = widget.container.width() - ( widget.ui.outerWidth() - widget.ui.width() ); var calculatedWidth2 = widget.container.width() - ( widget.ui.outerWidth() - widget.ui.width() )-18;
// hardcode ui, viewport and item's width. I couldn't get it to work using CSS only widget.ui.css( { width: calculatedWidth } ); widget.viewport.css( { width: calculatedWidth } ); if(i.options.scrollbar == true){ i.items.css( { width: calculatedWidth2 } ); }else{ i.items.css( { width: calculatedWidth } ); }
scrollbar has 18px width but It's not set.
I would like to have support for each browser if possible.