isItOverflow

isItOverflow.js

    var getTotalMarginSize = function (element) {
        var ml = parseInt(window.getComputedStyle(element).marginLeft);
        var mr = parseInt(window.getComputedStyle(element).marginLeft);
        return ml+mr;
    };

    var getChildrenSize = function(container) {
        var children = container.children;
        var sizeCounter = 0;
        for(var i = 0; i < children.length; i++) {
            var element = children[i];
            sizeCounter += element.offsetWidth;
            sizeCounter += getTotalMarginSize(element);
        }
        return sizeCounter;
    };

    var isItOverflow = function (container) {
        var childrenSize = getChildrenSize(container);
        return (container.offsetWidth > childrenSize);
    };