Làm cách nào để đảm bảo rằng trang web mở ra bằng thanh cuộn ở giữa

Question

Tôi đang cố gắng tạo trang theo chiều ngang cuộn và tôi muốn trang mở bằng thanh cuộn ở giữa để người dùng có tùy chọn cuộn theo cả hai hướng trái và phải (theo mặc định nó sẽ mở ra bằng thanh cuộn ở bên trái). Làm thế nào tôi có thể làm điều đó?

Answer 1

Cập nhật sau khi bình luận Nếu chiều rộng của cơ thể không vượt quá khung nhìn của trình duyệt:
cuộn bên trong một yếu tố:

var elem = document.getElementById("container"); //div#container 
var elemWidth = elem.scrollWidth; 
var elemVisibleWidth = elem.offsetWidth; 
elem.scrollLeft = (elemWidth - elemVisibleWidth)/2; 

---

Sử dụng mã này để theo chiều dọc & ngang tập trung một trang (xem cũng: this answer):

window.scrollTo(
    (document.body.offsetWidth -window.innerWidth)/2, 
    (document.body.offsetHeight-window.innerHeight)/2 
); 

Chỉ với ce nter theo chiều ngang, sử dụng:

window.scrollTo((document.body.offsetWidth -window.innerWidth)/2, 0); 

Answer 2

Sử dụng các hàm JavaScript scrollTo trong trường hợp onload. Để biết thêm thông tin về cách nhận kích thước cửa sổ hiện tại, hãy xem this article.

Answer 3

một khả năng là sử dụng Javascripts scrollto khi tải trang (chỉ cần đặt này trong thư mục onload hoặc domready -event):

window.onload = function(){ 
    window.scrollTo(100, 100); // (X,Y) 
} 

chỉ cần đặt x/y giá trị cho những cái bạn cần.