mozilla
您的搜索结果

    Element.scrollIntoView()

    这是一个实验中的功能
    此功能某些浏览器尚在开发中,请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀.由于该功能对应的标准文档可能被重新修订,所以在未来版本的浏览器中该功能的语法和行为可能随之改变.

    Element.scrollIntoView() 方法通过滚动使节点可见.

    语法

    element.scrollIntoView(alignWithTop);
    alignWithTop 可选
    如果为true,则节点被滚动到滚动区域的上边界。如果为false,节点出现在下边界。
    Note: 如果不写alignWithTop参数,默认滚动到上边界。

    示例

    <!DOCTYPE html>
    <html>
    <head>
    <title>ScrollIntoView() example</title>
    
    <script type="text/javascript">
    function showIt(elID) {
        var el = document.getElementById(elID);
        el.scrollIntoView(true);
    }
    </script>
    
    </head>
    <body>
      <div style="height: 5em; width: 30em; overflow: scroll;
                  border: 1px solid blue;">
        <div style="height: 100px"></div>
        <p id="pToShow">The para to show</p>
        <div style="height: 100px"></div>
      </div>
      <input type="button" value="Show para" 
       onclick="showIt('pToShow');">
    </body>
    </html>
    

    浏览器兼容情况

    Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
    Basic support 1.0 1.0 (1.7 or earlier) 6 10.0 and possibly older versions 4 and possibly older versions
    Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
    Basic support ? 1.0 (1.0) ? ? ?

    注意

    节点可能不会特别准确的滚动到滚动区域的上边界或者下边界,这取决于其他元素的布局。

    说明

    文档标签和贡献者

    此页面的贡献者有: xuluxi, teoli
    最后编辑者: teoli,