在FF和Chrome上获得不同的scrollWidth

Question

我有一个角度指令，用于显示/隐藏tabset上的滚动按钮。

我正在尝试根据元素宽度计算显示/隐藏按钮。问题是我在FF / Chrome上获得了不同的值。

function _setArrowsVisibility() {
                var scrollWidth = tabs.prop('scrollWidth');
                var width = tabs.innerWidth();
                console.log('scrollWidth:', scrollWidth);
                console.log('width:', width);
                tabs.css('max-width', angular.element(elm).innerWidth() - 168);

                //fix for IE11 (on IE11 we get scrollWidth = 260 , width = 259)
                if (scrollWidth - width > 0 && scrollWidth - width - 1 > 0) {
                    leftBtn.css('display', '');
                    rightBtn.css('display', '');
                    _updateButtons();
                }
                else {
                    leftBtn.css('display', 'none');
                    rightBtn.css('display', 'none');
                }

        }

在FF上我得到： scrollWidth：1006 ，宽度：985

在Chrome上我得到： scrollWidth：987 ，宽度：987

想要的结果是我得到的铬。