tofacebook.com -专业IT技术社区 【百家号】脸书百科,jQuery之_元素滚动 Web程序 - tofacebook.com-专业IT技术社区
77°

【百家号】脸书百科,jQuery之_元素滚动 Web程序

标签:效率   top   重要   滚动条   OLE   问题   span   cli   元素   

对应的知识点铺垫,但是有一个很重要的问题就是兼容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));
        
    });

 

jQuery之_元素滚动

标签:效率   top   重要   滚动条   OLE   问题   span   cli   元素   

原文地址:https://www.cnblogs.com/caicaihong/p/9379229.html


本文由百家号/熊掌号作者上传并发布,百家号仅提供信息发布平台。文章仅代表作者个人观点,不代表百度立场。

已有 0 条评论

    我有话说: