Get scrollbar Breite und minus von div Breite

Question

Ich habe den folgenden Code, wo die Scroll-Breite und minus es von der div Breite bekommen und es funktioniert gut, aber das Problem ist es funktioniert nicht in window.resize, wie kann ich Lass es in window.resize arbeiten?

Hier ist der JS-Code

//get scrollbar width 
function getScrollBarWidth() { 
    var inner = document.createElement('p'); 
    inner.style.width = "100%"; 
    inner.style.height = "200px"; 
    var outer = document.createElement('div'); 
    outer.style.position = "absolute"; 
    outer.style.top = "0px"; 
    outer.style.left = "0px"; 
    outer.style.visibility = "hidden"; 
    outer.style.width = "200px"; 
    outer.style.height = "150px"; 
    outer.style.overflow = "hidden"; 
    outer.appendChild (inner); 
    document.body.appendChild (outer); 
    var w1 = inner.offsetWidth; 
    outer.style.overflow = 'scroll'; 
    var w2 = inner.offsetWidth; 
    if (w1 == w2) w2 = outer.clientWidth; 
    document.body.removeChild (outer); 
    return (w1 - w2); 
}; 
//header width minus scrollbar width 
$("header").width($("header").width() - getScrollBarWidth() + "px"); 

Answer 1

Ich denke, die bessere Lösung https://api.jquery.com/resize/

$(window).resize(function() { 
$("header").width($("header").width() - getScrollBarWidth() + "px"); 
}); 

Herausgegeben als Kommentar ist:

$(window).resize(function() { 
setTimeout(funtion(){$("header").width($("header").width() - getScrollBarWidth() + "px");},300) 
}); 

Answer 2

diese Erklärung eine timeOut Versuchen überall setzen in Ihre Skriptdatei, die die Funktion "getScrollBarWidth" enthält.

onresize = getScrollBarWidth;