iframe ऊपर और नीचे स्क्रॉल करने के लिए जावास्क्रिप्ट का उपयोग

Question

कुंजी या जावास्क्रिप्ट का उपयोग कर पैरेंट विंडो से आईफ्रेम विंडो को स्क्रॉल करना संभव है? आईफ्रेम सामग्री किसी अन्य डोमेन से है, जो मूल विंडो से अलग है।

Answer 1

चूंकि आईफ्रेम सामग्री किसी अन्य डोमेन से है, तो आप सुरक्षा कारणों से इसकी डीओएम को बदलने में सक्षम नहीं होंगे।

हालांकि जब आप इसे सक्रिय करते हैं तो तीर कुंजी का उपयोग कर इसे स्क्रॉल कर सकते हैं। कम से कम यह क्रोम और फ़ायरफ़ॉक्स में मेरे लिए काम करता है।

यदि आप इसे जावास्क्रिप्ट से स्क्रॉल करने में सक्षम होना चाहते हैं, तो मैं निम्नलिखित दृष्टिकोण का सुझाव दूंगा। (यह आपको आइफ्रेम सामग्री और आपके आईफ्रेम की चौड़ाई और ऊंचाई को जानता है)। मूल रूप से आपके डीओएम में एक div को स्क्रॉलिंग का ख्याल रखना चाहिए।

<a href="#" id="scroll">Scroll to (400,400)!</a><br /> 

<div id="google" style="width: 300px; height: 200px; overflow: auto;"> 
    <iframe width="800" height="600" src="http://www.google.com/" scrolling="no"> 
    </iframe> 
</div> 

<script type="text/javascript"> 
$("#scroll").click(function() 
{ 
    $("#google").scrollTop(400).scrollLeft(400); 
    return false; 
}); 
</script> 

div की चिकनी स्क्रॉल के लिए आप this article से कोड की कोशिश कर सकते।