<iframe src = "reallylongpage.html # bottom" /> não funciona

Question

Aug 05, 2010, 10:54 PM

<iframe src = "reallylongpage.html # bottom" /> não funciona

Eu tenho o seguinte iframe incorporado

<iframe width="100%" height="400" src="reallylongpage.html" />

reallylongpage.html tem duas âncoras #top e #bottom

Quero que meu iframe carregue reallylongpage.html na parte inferior da página,

<iframe width="100%" height="400" src="reallylongpage.html#bottom" />

Mas isso tem o efeito indesejável de rolar o iframe e a página pai. A página pai não deve rolar. Isso acontece no Chrome e Firefox.

aqui está um exemplo com código completo

parent.html

<html>
 <body>
    <div style="padding:100 200;">
      <iframe WIDTH="100%" HEIGHT="400" SRC="CHILD.HTML#BOTTOM" ></iframe>
    </div>
    <div>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>11<br>12<br>13<br>14<br>15<br>16<br>17<br>18<br>19<br>20<br>21<br>22<br>23<br>24<br>25<br>26<br>27<br>28<br>29<br>30<br></div>
 </body>
</html>

child.html

<html>
  <body>
    <a name="top" href="#bottom">go to bottom</a><br>
    1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>11<br>12<br>13<br>14<br>15<br>16<br>17<br>18<br>19<br>20<br>21<br>22<br>23<br>24<br>25<br>26<br>27<br>28<br>29<br>30<br>
    <a name="bottom" href="#top">go to top</a>
 </body>
</html>

é assim que eu quero que pareçahttp://i38.tinypic.com/2gxh1f6.png correto

é isso que eu recebohttp://i33.tinypic.com/2gy0t1x.png incorreto