एचटीएमएल को div में लोड करना - असामान्य समस्या

Question

मेरे पास एक दोस्त के लिए बनाई गई वेबसाइट के साथ एक असामान्य समस्या है।

मैंने निरंतर बने रहने के लिए बाएं साइडबार के नीचे दिए गए लिंक के साथ index.html बनाया है। जब आप किसी लिंक पर क्लिक करते हैं, तो पृष्ठ के केंद्र में मुख्य div के अंदर एक बाहरी HTML फ़ाइल कहा जाता है।

यह अद्भुत काम करता है लेकिन एक छोटी सी समस्या के साथ (जो वास्तव में एक परेशानी की समस्या है)!

यदि आप पहले लिंक पर क्लिक करते हैं, उदाहरण के लिए 'उत्पाद', तो आप बाईं ओर से आखिरी छवि के दाईं ओर दाईं ओर स्क्रॉल कर सकते हैं। यदि आप 'फैशन' पर क्लिक करते हैं, तो एक अन्य HTML फ़ाइल को कॉल किया जाता है लेकिन यह उस चरण में कॉल करता है जिसे आपने 'उत्पादों' से छोड़ा था, यानी, सही तरीके से नहीं, बल्कि शुरुआत में।

मुझे मूल रूप से एक लिंक क्लिक होने पर शुरुआत में पेज को कॉल करने के लिए HTML को मजबूर करने की आवश्यकता होती है। यहाँ आप को देखने के लिए कि मैं क्या बात कर रहा हूँ के लिए मेरे weblink ...

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

पी.एस. है मंचों को देखने के बाद मुझे किसी अन्य मुद्दे के साथ कोई और नहीं मिल रहा है, लेकिन इस समस्या के लिए एक शब्द हो सकता है जिसे मैं परिचित नहीं हूं।

यदि कोई मदद कर सकता है तो मैं हमेशा से आभारी रहूंगा !!

Answer 1

आपको प्रत्येक क्लिक पर क्षैतिज स्थिति को रीसेट करने के लिए अपने पृष्ठ निकाय को jQuery .scrollLeft(0) आदेश लागू करने की आवश्यकता होगी। उदाहरण के लिए:

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

यह पेज शरीर पर किया जाना चाहिए के बाद से अपने स्क्रॉल बार पूरे पृष्ठ के लिए नहीं लंगर डाले और कंटेनर कर रहे हैं।

आपको अपने प्रत्येक मेनू क्लिक ईवेंट के लिए इसकी प्रतिलिपि बनाना होगा।

Answer 2

<div> में क्षैतिज स्क्रॉल स्थिति को रीसेट करने के लिए आप .scrollLeft(0) का उपयोग कर सकते हैं।