2007/02/27

[技術系]   overflow-y:scrollでのnameへのジャンプ

at 13:18JST
 
<html> 
aaaaaa<br>
bbbbbb<br>
  :
  20行くらい
  :
bbbbbb<br>
<div
style="
overflow-y: scroll;
height: 5em;
width: 10em;
background-color: #cccccc;
"
>
<a
href="#tail"
>tail</a><br>
  :
  20行くらい
  :
<a
name="tail"
></a>
</div>
</html>

というHTMLで、

ファイル#tail

とリンクして呼び出した場合、

・Opera9まで
 そもそもoverflow-yに対応していない
・Firefox 2
 - div領域までスクロール
 - div領域内をtailまでスクロール
・IE 7
 - div領域までスクロールしない
 - div領域内はtailまでスクロール

というふうに動作が違う。

たぶんまともに動作しないだろうと思って検証してなかったのだが、案の定…。
関連しそうな過去記事:
さらに過去の記事
2009/04 (1)   2008/12 (3)   2008/11 (9)   2008/10 (10)   2008/09 (20)   2008/08 (2)   2008/07 (23)   2008/06 (16)   2008/05 (22)   2008/04 (11)   2008/03 (21)   2008/02 (20)   2008/01 (21)   2007/12 (32)   2007/11 (37)   2007/10 (46)   2007/09 (63)   2007/08 (33)   2007/07 (41)   2007/06 (81)   2007/05 (173)   2007/04 (168)   2007/03 (113)   2007/02 (123)   2007/01 (92)   2006/12 (111)   2006/11 (185)   2006/10 (20)  
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。