{"id":86,"date":"2010-02-15T13:42:46","date_gmt":"2010-02-15T12:42:46","guid":{"rendered":"http:\/\/www.juergenholz.de\/2010\/02\/15\/iframe-mit-externer-url-scrollen\/"},"modified":"2010-02-15T13:50:39","modified_gmt":"2010-02-15T12:50:39","slug":"iframe-mit-externer-url-scrollen","status":"publish","type":"post","link":"https:\/\/www.juergenholz.de\/en\/iframe-mit-externer-url-scrollen\/","title":{"rendered":"iframe mit externer URL scrollen"},"content":{"rendered":"<p>Hier ein kleines Beispiel um einen iframe zu scrollen. Das Problem hier ist, da\u00df die URL des iframes auf eine externe Resource verweist. Ein scrollBy() wird nicht ausgef\u00fchrt. Der Workaround ist simpel und irgendwie &#8220;na ja&#8221; aber er funktioniert browser\u00fcbergreifend.<\/p>\n<p><strong>Hier der Code f\u00fcr die darzustellende Seite:<br \/>\n<\/strong>\u00a0<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;script&gt;\r\nvar a;\r\n\r\n   function scrollPage() \r\n   {\r\n     a=frames&#x5B;'myframe'];\r\n     status=a.scrollBy(0,230); \/\/1.Parameter x, 2.Parameter y-Position\r\n}\r\n&lt;\/script&gt;\r\n&lt;\/head&gt;\r\n&lt;body &gt;\r\n&lt;h1&gt;Test&lt;\/h1&gt;\r\n\r\n&lt;iframe src=&quot;iframe.html&quot;  name=&quot;myframe&quot; onload=&quot;scrollPage(this);&quot; width=580 height=400&gt;\r\n&lt;\/iframe&gt;\r\n\r\n&lt;\/body&gt;\r\n&lt;\/html&gt;\r\n<\/pre>\n<p><strong>Und hier der versteckte Frame (iframe.html)<br \/>\n<\/strong><\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n&lt;html&gt;\r\n&lt;body&gt;\r\n&lt;iframe id=&quot;frame&quot; name=&quot;frame&quot; scrolling=&quot;no&quot; src=&quot;http:\/\/www.eineexterneurl.de\/mit_getparametern?etc=usw&quot; frameborder=&quot;0&quot; width=&quot;580&quot; height=&quot;650&quot;&gt;Sorry, your browser doesn't support iframes.&lt;\/iframe&gt;\r\n&lt;\/body&gt;\r\n&lt;\/html&gt;\r\n<\/pre>\n<div class=\"juerg-endepost\" style=\"margin-left: auto;margin-right: auto;text-align: center;\" id=\"juerg-3489314594\"><div class=\"juerg-adlabel\">Werbung<\/div><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-4708705370860748\" crossorigin=\"anonymous\"><\/script><ins class=\"adsbygoogle\" style=\"display:inline-block;width:728px;height:90px;\" \ndata-ad-client=\"ca-pub-4708705370860748\" \ndata-ad-slot=\"4810788593\"><\/ins> \n<script> \n(adsbygoogle = window.adsbygoogle || []).push({}); \n<\/script>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Hier ein kleines Beispiel um einen iframe zu scrollen. Das Problem hier ist, da\u00df die URL des iframes auf eine externe Resource verweist. Ein scrollBy() wird nicht ausgef\u00fchrt. Der Workaround ist simpel und irgendwie &#8220;na ja&#8221; aber er funktioniert browser\u00fcbergreifend. Hier der Code f\u00fcr die darzustellende Seite: \u00a0 &lt;html&gt; &lt;head&gt; &lt;script&gt; var a; function scrollPage()&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[27,28],"tags":[],"translation":{"provider":"WPGlobus","version":"3.0.0","language":"en","enabled_languages":["de","en"],"languages":{"de":{"title":true,"content":true,"excerpt":false},"en":{"title":false,"content":false,"excerpt":false}}},"_links":{"self":[{"href":"https:\/\/www.juergenholz.de\/en\/wp-json\/wp\/v2\/posts\/86"}],"collection":[{"href":"https:\/\/www.juergenholz.de\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.juergenholz.de\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.juergenholz.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.juergenholz.de\/en\/wp-json\/wp\/v2\/comments?post=86"}],"version-history":[{"count":4,"href":"https:\/\/www.juergenholz.de\/en\/wp-json\/wp\/v2\/posts\/86\/revisions"}],"predecessor-version":[{"id":91,"href":"https:\/\/www.juergenholz.de\/en\/wp-json\/wp\/v2\/posts\/86\/revisions\/91"}],"wp:attachment":[{"href":"https:\/\/www.juergenholz.de\/en\/wp-json\/wp\/v2\/media?parent=86"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.juergenholz.de\/en\/wp-json\/wp\/v2\/categories?post=86"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.juergenholz.de\/en\/wp-json\/wp\/v2\/tags?post=86"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}