function getScrollBar(){
var op = document.createElement('p'),
styles = {
width: '100px',
height: '100px'
},i,clientW1,clientW2,scrollBarWidth;
for(i in styles){
op.style[i] = styles[i];
}
document.body.appendChild(op);
clientW1 = op.clientWidth;
op.style.overfolwY = 'scroll';
clientW2 = op.clientWidth;
var scrollBarWidth = clientW1 - clientW1;
op.remove(); //网页突然多个p,最好删掉
return scrollBarWidth;
}
console.log(getScrollBar());我这样写的 滚动条是17:
function getScrollBar(){
var el= document.createElement('p'),
styles={
width:'100px',
height:'100px',
overflowY:'scroll'
},i,scrollBarWidth;
el.innerHTML = "12333";
for(i in styles){
el.style[i]=styles[i]
}
document.body.appendChild(el);
var scrollBarWidth = el.offsetWidth-el.clientWidth;
el.remove();
return scrollBarWidth;
}
console.log(getScrollBar());