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 });
    
    
    


     

         

         

     

     

  • 相关阅读:
    EF6(CodeFirst)+MySql开发遇到的坑
    Entity Framework mvc Code First data migration
    SQL 修改排序规则的问题 sql_latin1_general_cp1_ci_as
    sql 与linq的转换
    Entity Framework的事务提交
    .net Quartz 服务 作业调度
    如何插上U盘 自动复制内容
    SQL学习之--触发器
    原生javascript与jquery 的比较
    原生javascript学习
  • 原文地址:https://www.cnblogs.com/22MM/p/9438468.html
Copyright © 2011-2022 走看看