原生JS模擬滾動條 求滾動條的高度   可視內容區的高度 / 內容區的實際高度 = 滾動條的高度 / 滑道的高度 求內容區top的值   內容區距離頂部的距離 / (內容區的實際高度 - 可視內容區域的高度 ) = 滾動條距離頂部的距離 / ( 滑道的高度 ...

// 滾動條位置 var scrollPosition = { // 位置 result: 0, // 監聽位置 rememberPosition: function () { var type = 'scroll' var ...

...

最近學習前端，把前面用原生js寫的一段有關tab切換效果的代碼貼上，實現的效果比較簡陋，請大家見諒 大家有興趣的可以復制下看下效果，謝謝大家瀏覽！原文鏈接：https://blog.csdn.net/wl7175/article/details/52068112/ ...

//獲取class或者id或者標簽下的滾動條滾動數據 var a = document.querySelector(".class/#id").scrollTop //獲取整個頁面的滾動條滾動數據 document.documentElement.scrollTop; ...

html 部分 （因為a標簽有鏈接功能，此時最好不要用a包裹 否則影響實現效果） ...

<style> 　　* { 　　　　margin : 0; 　　　　padding : 0; 　　} </style> <script type = "tex ...

監聽（完整版） 　　以上就是監聽瀏覽器滾動條方式，需注意文檔是否聲明DTD ...