css - How to only move the horizontal scrollbar to right -

when using body {direction:rtl;} horizontal scrollbar starts right, in browsers vertical scrollbar changes position (i.e. moves left). how can avoid moving vertical scrollbar , change direction of horizontal scrollbar?

update:

i've found setting somemaincontainer {float:right;} can force page view start right side. way, horizontal scrollbar disappears! ideas?

not sure understand problem fully, setting overflow-x: hidden work problem?

you use function in jquery:

$(element).scroll(function () {     this.scrolltop = 0; }); 

this force page scroll top. use scrollleft if wanted disable horizontal scrolling or both disable scrolling. in case, scrolling element window. revised function:

$(window).scroll(function() {     this.scrolltop = 0; }); 

to scroll page right on page load, use following after document ready (i.e $(document.ready()):

var rightpos = $(document).outerwidth() - $(window).width(); $('html, body').scrollleft(rightpos);