zoukankan      html  css  js  c++  java
  • jQuery之_元素滚动

    对应的知识点铺垫,但是有一个很重要的问题就是兼容IE和chorme的

    1. scrollTop():
    读取/设置滚动条的Y坐标
    2. $(document.body).scrollTop()+$(document.documentElement).scrollTop()
    读取页面滚动条的Y坐标(兼容chrome和IE)
    3. $('body,html').scrollTop(60);
    滚动到指定位置(兼容chrome和IE)

      需求:

    1. 得到div或页面滚动条的坐标
    2. 让div或页面的滚动条滚动到指定位置

    $("#btn1").click(function(){
            console.log($("div").scrollTop());
            //在chrome的话,直接body就可以,但是ie不可以,直接html的话,IE可以,chorme不可以。两者不一样,所以为了兼容两者,就进行把两者相加即可
            //
            console.log($("html").scrollTop()+$("body").scrollTop())
            //但是下面这个效率更高,因为直接就可以获取到
            $(document.body).scrollTop()+$(document.documentElement).scrollTop()
        });
        // 2. 让div或页面的滚动条滚动到指定位置
        $("#btn2").click(function(){
            console.log($("div").scrollTop(300));
            //w为了两个有效果必须要使用两个,保证两种浏览器都有效果
            console.log($("html,body").scrollTop(300));
            
        });
  • 相关阅读:
    png 的特点
    UIImangeView的用法
    uiTextView简单的用法
    UITextField简单的用法
    UIWindow的简单实用(二)
    UIView的简单实用
    objective-C 复合(组合)
    OC
    objective-C protocol协议
    object-C NSDate
  • 原文地址:https://www.cnblogs.com/caicaihong/p/9379229.html
Copyright © 2011-2022 走看看