如何僅將水平滾動條向右移動

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