1. scrollIntoView:
http://msdn.microsoft.com/en-us/library/ms536730(VS.85).aspx

http://hi.baidu.com/meteoric_cry/blog/item/da12efca8e08434af31fe7d6.html

解释:
obj.scrollIntoVies(true/false);

@pram:boolean,默认为true;

使其窗口到达obj的焦点;浏览器全部兼容,在一些细节方面有一些差别;

实验在一个div的局部,有滚动条,如果要使其滚动到div内的某个节点,IE6 7下面如果页面出现滚动条侧可以到达,否侧不可,IE8及其其他浏览器没问题:

<body>
<a href="#" id="aa" onClick="document.getElementById('hello').scrollIntoView(false);return false">页面内某个块内的点</a>
<a href="#" id="bb" onClick="document.getElementById('hell').scrollIntoView(true);return false">页面内的某个点</a>

<div style="position:absolute; top:100px; left:100px; width:500px; height:500px; background-color:#CCC; overflow:scroll">
<div id="hello" style="margin-top:1000px; display:block;height:100px;" >
1<span>2</span>3<span>4</span>5<span>6</span>7111
</div>
</div>
<div id="hell" style="margin-top:1000px; display:block;height:100px;" >
6666666666666666666666666666
</div>

页面内某个块内的点 页面内的某个点

1234567111
6666666666666666666666666666
posted on 2010-10-25 17:00  星光~  阅读(327)  评论(0编辑  收藏  举报