<iframe src = "reallylongpage.html # bottom" /> funktioniert nicht
Ich habe die folgenden eingebetteten iframe
<iframe width="100%" height="400" src="reallylongpage.html" />
reallylongpage.html hat 2 Anker #top und # bottom
Ich möchte, dass mein iframe reallylongpage.html unten auf der Seite lädt, also habe ich
<iframe width="100%" height="400" src="reallylongpage.html#bottom" />
Dies hat jedoch den unerwünschten Effekt, dass sowohl der Iframe als auch die übergeordnete Seite gescrollt werden. Die übergeordnete Seite sollte überhaupt nicht scrollen. Dies geschieht in Chrome und Firefox.
hier ist ein Beispiel mit vollem Code
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>
dies ist, wie ich es aussehen lassen möchtecorrect http://i38.tinypic.com/2gxh1f6.pn
dies ist, was ich stattdessen bekommeincorrect http://i33.tinypic.com/2gy0t1x.pn