Caricamento HTML in div - problema insolito

Question

Ho un problema insolito con un sito web che ho creato per un amico.

Ho creato l'index.html con i collegamenti nella barra laterale sinistra per rimanere costante. Quando fai clic su un link, un file HTML esterno viene chiamato all'interno del div principale al centro della pagina.

Questo funziona meravigliosamente ma con un piccolo problema (che è in realtà un problema fastidioso)!

Se si fa clic sul primo collegamento, ad esempio 'prodotti', è possibile scorrere da sinistra tutto il percorso verso destra fino all'ultima immagine piacevolmente. Se fai clic su "fashion", viene chiamato un altro file HTML, ma lo chiama nella fase in cui ti sei interrotto da "prodotti", cioè completamente a destra e non all'inizio.

Fondamentalmente ho bisogno di forzare l'HTML per chiamare la pagina all'inizio ogni volta che si fa clic su un collegamento. Qui è il mio link web per voi a vedere che cosa sto parlando ...

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

P.S. Non riesco a trovare nessun altro con un problema simile dopo aver consultato i forum, ma potrebbe esserci un termine per questo problema che non conosco.

sarei eternamente grato se qualcuno potrebbe aiutare !!

Answer 1

È necessario applicare il comando jQuery .scrollLeft(0) al corpo della pagina per ripristinare la posizione orizzontale su ciascun clic. Per esempio:

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

questo deve essere fatto sul corpo della pagina, dal momento che le barre di scorrimento sono ancorati alla intera pagina e non il contenitore.

Sarà necessario copiare questo per ciascuno dei vostri menu di eventi click.

Answer 2

È possibile utilizzare .scrollLeft(0) per ripristinare la posizione di scorrimento orizzontale in .