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

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