js獲取滾動條高度例項程式碼
這裡所說的滾動條高度就是頁面被向上拖動的高度,在實際編碼中會經常需要獲得此高度,下面就介紹一下如何獲取此高度。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> *{ margin:0px; padding:0px; } body{ padding:500px; height:800px; } </style> <script type="text/javascript"> function getScrollTop(){ var scrollTop=0; if(document.documentElement&&document.documentElement.scrollTop){ scrollTop=document.documentElement.scrollTop; } else if(document.body){ scrollTop=document.body.scrollTop; } return scrollTop; } window.onload=function(){ var bt=document.getElementById("bt"); bt.onclick=function(){alert(getScrollTop())} } </script> </head> <body> <input type="button" id="bt" value="點選檢視滾動條高度"></button> </body> </html>
以上程式碼中,拖動滾動條,然後點選按鈕可以彈出滾動條的高度。
相關文章
- jquery獲取元素高度程式碼例項jQuery
- 瀏覽器滾動條高度的獲取瀏覽器
- 美化滾動條效果程式碼例項
- css隱藏滾動條程式碼例項CSS
- js下拉滾動條瀑布流載入資料程式碼例項JS
- js標題title滾動程式碼例項JS
- 表格拖動滾動條標題固定程式碼例項
- 拖動滾動條載入資料程式碼例項
- js獲取當前月份例項程式碼JS
- js獲取事件源物件程式碼例項JS事件物件
- js獲取主機域名程式碼例項JS
- javascript獲取顯示器寬度和高度程式碼例項JavaScript
- 帶有滾動條的全屏遮罩層程式碼例項遮罩
- javascript模擬實現滾動條效果程式碼例項JavaScript
- js獲取事件的型別程式碼例項JS事件型別
- js獲取選中文字程式碼例項JS
- js實現的文字垂直滾動例項程式碼JS
- js文字橫向無縫滾動程式碼例項JS
- 拖動滾動條實現div跟隨效果程式碼例項
- css3自定義滾動條樣式程式碼例項CSSS3
- js獲取指定單元格的內容程式碼例項例項JS
- 封裝scroll.js 獲取滾動條的值封裝JS
- js獲取文件頁面的尺寸包括滾動條部分JS
- js獲取網頁title標題程式碼例項JS網頁
- js獲取鍵盤按鍵值程式碼例項JS
- js獲取word文件書籤位置程式碼例項JS
- js獲取頁面中所有元素程式碼例項JS
- js獲取並解析xml檔案程式碼例項JSXML
- js獲取數字最小值程式碼例項JS
- js獲取元素的實際尺寸程式碼例項JS
- JavaScript獲取星期程式碼例項JavaScript
- js獲取選中文字值的例項程式碼JS
- js獲取指定函式的形參程式碼例項JS函式
- js獲取格林威治時間程式碼例項JS
- js獲取瀏覽器視窗尺寸程式碼例項JS瀏覽器
- js獲取數字中的最小數字程式碼程式碼例項JS
- 計算瀏覽器垂直滾動條的寬度程式碼例項瀏覽器
- 公告文字水平滾動例項程式碼