Ładowanie kodu HTML do div - nietypowy numer

Question

Mam nietypowy problem z witryną, którą utworzyłem dla znajomego.

Utworzyłem plik index.html z łączami w lewym pasku bocznym, aby pozostawać stały. Po kliknięciu łącza zewnętrzny plik HTML jest wywoływany wewnątrz głównego elementu div na środku strony.

Działa to cudownie, ale z jednym małym problemem (co w rzeczywistości jest irytującym problemem)!

Po kliknięciu pierwszego linku, na przykład "produkty", można przewijać od lewej strony do końca w prawo, aż do ostatniego obrazu. Jeśli klikniesz "moda", zostanie wywołany inny plik HTML, ale wywoływany będzie on na etapie, na którym przerwałeś od "produktów", tj. Do samego końca, a nie na początku.

Zasadniczo muszę wymusić na HTML wywołanie strony na początku za każdym razem, gdy kliknę link. Oto mój link do strony internetowej, aby zobaczyć, co mówię ...

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

PS: Nie mogę znaleźć nikogo z podobnym problemem po obejrzeniu forów, ale może być termin na ten problem, którego nie znam.

Byłbym wiecznie wdzięczny, gdyby ktoś mógł pomóc!

Answer 1

Będziesz musiał zastosować komendę jQuery .scrollLeft(0) do treści strony, aby zresetować pozycję poziomą przy każdym kliknięciu. Na przykład:

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

Należy to zrobić na stronie, ponieważ paski przewijania są zakotwiczone na całej stronie, a nie na kontenerze.

Będziesz musiał skopiować to dla każdego zdarzenia związanego z kliknięciem menu.

Answer 2

Możesz użyć .scrollLeft(0), aby zresetować pozycję przewijania w poziomie w <div>.