Как перемещать горизонтальную полосу прокрутки вправо

Question

При использовании body {direction:rtl;} горизонтальная полоса прокрутки начинается справа, но в некоторых браузерах вертикальная полоса прокрутки также меняет положение (т. Е. Перемещается влево). Как я могу избежать перемещения вертикальной полосы прокрутки и изменить направление горизонтальной полосы прокрутки?

Update:

Я обнаружил, что, установив someMainContainer {float:right;} я могу заставить вид страницы, чтобы начать с правой стороны. Но таким образом, горизонтальная полоса прокрутки исчезает! Есть идеи?

Answer 1

Не уверен, что я полностью понимаю вашу проблему, но установил бы overflow-x: hidden для вашей проблемы?

Вы также можете использовать эту функцию в JQuery:

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

Это в основном заставит страницу для прокрутки назад к вершине. Вы можете использовать scrollLeft, если вы хотите отключить горизонтальную прокрутку или обе, чтобы отключить прокрутку. В вашем случае элемент прокрутки будет window. Переработанный функция:

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

Для прокрутки страницы справа на странице загрузки, вы можете использовать следующий после готовности документа (т.е. $(document.ready()):

var rightPos = $(document).outerWidth() - $(window).width(); 
$('html, body').scrollLeft(rightPos);