原生js獲取和設定頁面垂直滾動高度

2021-08-19 16:35:45 字數 589 閱讀 5723

最近想用原生js實現一些互動效果,以下**是返回頂部按鈕要用到的乙個方法:獲取和設定頁面垂直滾動高度,如果用jq可以簡單實現,用原生js,其實就是要多考慮瀏覽器的相容性:

/**

* 獲取&&設定-頁面垂直滾動值

* */

function __getpagescrolly(top)

if (document.documentelement && document.documentelement.scrolltop)

if (document.body)

return true;

} else else if (document.documentelement && document.documentelement.scrolltop) else if (document.body)

return yscroll;

}};

呼叫:

var scrollheight = __getpagescrolly();//獲取高度

__getpagescrolly(1000);//設定高度

移動端滾動載入 jQuery 和 原生JS

判斷滾動條到底部,需要用到dom的三個屬性值,使用jquery分別是 body scrolltop 為滾動條在y軸上的滾動距離。window height 為內容可視區域的高度。body height 為內容可視區域的高度加上溢位 滾動 的距離。從這個三個屬性的介紹就可以看出來,滾動條到底部的條件即...

移動端滾動載入 jQuery 和 原生JS

判斷滾動條到底部,需要用到dom的三個屬性值,使用jquery分別是 body scrolltop 為滾動條在y軸上的滾動距離。window height 為內容可視區域的高度。body height 為內容可視區域的高度加上溢位 滾動 的距離。從這個三個屬性的介紹就可以看出來,滾動條到底部的條件即...

js獲取和設定屬性

function square num var total 50 全域性變數 var number square 20 alert total 結果為50 function square num var total 50 全域性變數 var number square 20 alert total ...