zoukankan      html  css  js  c++  java
  • 关于scrollIntoView()、scrollTop()用法

    一、scrollIntoView()

         1、定义

    scrollIntoView()Internet Explorer 和Firefox支持,并且在将滚动属性应用于HTML页面,div或框架时可以是非常有用的方法。它滚动页面,div或框架,直到搜索元素在视图中。

         2、语法

    element.scrollIntoView(topalign);

          opalign是一个布尔值并且是可选的。如果将其设置为值“true”,则将元素与滚动区域的顶部对齐,如果为“false”,则将元素与滚动区域的底部对齐。默认情况下,如果未提供任何值,则通过假设topalign 值为true,它会自动将元素与滚动区域的顶部对齐。

        3、实例

         1 document.getElementById("detailShow").scrollIntoView(true);  

    二、scrollTop()

         1、定义

          scrollTop() 方法返回或设置匹配元素的滚动条的垂直位

          2、语法

    返回滚动条位置

     

    $(selector).scrollTop();

    设置滚动条位置

    $(selector).scrollTop(offset)

     

       offset,可选。规定相对滚动条顶部的偏移,以像素计。

    3、实例
    1 //显示滚动条位置
    2 $(document).ready(function(){
    3    $("#div1").click(function(){
    4      alert($("div").scrollTop()+" px");
    5 });


    1 //设置滚动条位置
    2 //需要注意的是,这里的数值不能加引号。也不用加px.   只需要给数值就可以了
    3 $("#btn").click(function(){ 
    4      $("div").scrollTop(60));
    5      });
    6 });
    
    
    


     

         

         

     

     

  • 相关阅读:
    迷宫
    小猫
    数位DP模板
    摘桃子
    [USACO10HOL]牛的政治Cow Politics
    ArcEngine中合并断开的线要素(根据几何判断)
    ArcEngine环境下合并断开的线要素(根据属性)
    Web Service和WCF的到底有什么区别
    OGC 的 WMS、WFS 及WCS服务(转)
    ArrayList的使用方法详解(转)
  • 原文地址:https://www.cnblogs.com/22MM/p/9438468.html
Copyright © 2011-2022 走看看