//瀏覽器視窗的大小
var h=window.innerheight;//可視視窗的高度（不包括及工作列）
var w=window.innerwidth;//可視視窗的寬度
var w1=document.documentelement.clientwidth;//可視視窗的寬度（不包括滾動條及工作列）
var h1=document.documentelement.clientheight;
console.log('window屬性',w,h);
console.log('dom屬性',w1,h1);
/*if(window.innerheight)else*/
var w=window.innerwidth||document.documentelement.clientwidth;
var h=window.innerheight||document.documentelement.clientheight;
//建議標準答案
var w2=document.body.clientwidth;
console.log(w2);
//獲取整個瀏覽器真實大小（包括工作列），ie9以下不支援
var width=window.outerwidth;
var height=window.outerheight;
console.log('window屬性',width,height);
//滾動條滾動的距離（視窗的位置）
var x=window.pagexoffset||document.documentelement.scrollleft;//橫向滾動條滾動的距離
var y=window.pageyoffset||document.documentelement.scrolltop;//縱向滾動條滾動距離
獲取滾動條的寬高
scrollwidth 是物件的實際內容的寬，不包邊線寬度，會隨物件中內容的多少改變 內容多了可能會改變物件的實際寬度 clientwidth 是物件可見的寬度，不包滾動條等邊線，會隨視窗的顯示大小改變。offsetwidth 是物件的可見寬度，包滾動條等邊線，會隨視窗的顯示大小改變。乙個scrol...
瀏覽器滾動條
做 時發現登入成功後瀏覽器滾動條消失無法滾動頁面 通過觀察和除錯，發現是強制隱藏了bootstrap的模態框後，body的overflow變為了hidden，同時也多了乙個17px的右內邊距，無法呼叫出垂直滾動條，解決方案 隱藏模態框的同時設定body的overflow為scroll，同時取消右內邊...
iframe滾動條充當瀏覽器滾動條
在做部落格專案的時候，使用了iframe，方便根據選擇的文章類別切換顯示的內容，但是文章一般都有很多，通過bootstrap的 列表的方式顯示的話，iframe是一定會出現滾動條的，特別是我新增了乙個 滾動條觸底之後動態載入更多的文章 的功能。這樣頁面上就會有兩個滾動條，特別奇怪。在網上學習了一些之...