<iframe src = «действительностиlongpage.html # bottom” /> не работает
У меня есть следующий встроенный iframe
<iframe width="100%" height="400" src="reallylongpage.html" />
У reallongpage.html есть 2 якоря #top и #bottom
Я хочу, чтобы мой iframe загрузил файл reallongpage.html внизу страницы, поэтому я сделал
<iframe width="100%" height="400" src="reallylongpage.html#bottom" />
Но это приводит к нежелательному эффекту прокрутки как iframe, так и родительской страницы. Родительская страница вообще не должна прокручиваться. Это происходит в Chrome и Firefox.
вот пример с полным кодом
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>
это то, что я хочу, чтобы это выгляделоправильно http://i38.tinypic.com/2gxh1f6.png
это то, что я получаю вместоневерно http://i33.tinypic.com/2gy0t1x.png
