iframe'i yukarı ve aşağı kaydırmak için javascript'i kullanma

Question

iframe penceresini tuşlar veya javascript kullanarak ana pencereden kaydırmak mümkün mü? Iframe içeriği ana pencereden farklı bir başka alandan.

Answer 1

iframe içeriği başka bir etki alanından olduğundan, güvenlik nedeniyle DOM'sını değiştiremezsiniz.

Ok tuşlarını kullanarak, etkinleştirdiğinizde ilerleyebilirsiniz. En azından Chrome ve Firefox'ta benim için çalışıyor.

Javascript'ten kaydırmak istiyorsanız, aşağıdaki yaklaşımı öneririm. (iframe içeriğinin ve iframe'inizin genişliğini ve yüksekliğini bildiğinizi varsayar). Temel olarak DOM'inizdeki bir div'in kaymaya dikkat etmesine izin verin.

<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 yumuşak kaydırma için, this article kodu deneyebilirsiniz.