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

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);