Đang tải HTML vào div - sự cố bất thường

Question

Tôi gặp sự cố không bình thường với trang web mà tôi đã tạo cho một người bạn.

Tôi đã tạo index.html với các liên kết xuống thanh bên bên trái để giữ nguyên không đổi. Khi bạn nhấp vào liên kết, tệp HTML bên ngoài được gọi bên trong div chính ở giữa trang.

Điều này làm việc tuyệt vời nhưng với một vấn đề nhỏ (mà thực sự là một vấn đề gây phiền nhiễu)!

Nếu bạn nhấp vào liên kết đầu tiên, 'sản phẩm' chẳng hạn, bạn có thể cuộn từ bên trái sang bên phải sang hình ảnh cuối cùng một cách độc đáo. Nếu sau đó bạn nhấp vào 'thời trang', một tệp HTML khác được gọi nhưng nó gọi nó ở giai đoạn bạn đã dừng lại từ 'sản phẩm' tức là tất cả các cách sang phải và không phải lúc đầu.

Tôi về cơ bản cần buộc HTML phải gọi trang ở đầu mỗi lần nhấp vào một liên kết. Dưới đây là weblink của tôi để bạn có thể thấy những gì tôi đang nói về ...

http://www.hannahdakin.co.uk/betasite

T.B. Tôi không thể tìm thấy bất kỳ ai khác với một vấn đề tương tự sau khi tìm kiếm trên diễn đàn, nhưng có thể có một thuật ngữ cho vấn đề này mà tôi không quen thuộc với.

Tôi sẽ mãi mãi biết ơn nếu có ai có thể giúp !!

Answer 1

Bạn sẽ cần áp dụng lệnh jQuery .scrollLeft(0) vào thân trang của mình để đặt lại vị trí ngang trên mỗi nhấp chuột. Ví dụ:

$('#products').click(function(){ 
    $('.slider').load("allimages.html #products2"); 
    $('body').scrollLeft(0); 
}); 

Điều này phải được thực hiện trên thân trang, vì thanh cuộn của bạn được neo vào toàn bộ trang chứ không phải vùng chứa.

Bạn sẽ cần phải sao chép điều này cho mỗi sự kiện nhấp vào menu của bạn.

Answer 2

Bạn có thể sử dụng .scrollLeft(0) để đặt lại vị trí cuộn ngang trong <div>.