如何仅将水平滚动条向右移动

Question

使用body {direction:rtl;}时，水平滚动条从右侧开始，但在某些浏览器中，垂直滚动条也会改变位置（即向左移动）。我怎样才能避免移动垂直滚动条，只改变水平滚动条的方向？

更新：

我发现，通过设置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);