1. 程式人生 > >jQuery之_元素滾動

jQuery之_元素滾動

class style jquer color spa nbsp scroll 使用 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)); });

jQuery之_元素滾動