您可以使用
element.scrollWidth > element.clientWidth
var el = document.getElementById('breaking').querySelector('span');
(window.onresize = function log() {
console.log("scrollWidth =", el.scrollWidth, ", clientWidth =", el.clientWidth);
})();
#breaking {
position: relative;
background: #802018;
box-sizing: border-box;
overflow: hidden;
}
#breaking span {
float: left;
padding-left: 70px;
width: 100%;
line-height: 46px;
overflow: hidden;
box-sizing: border-box;
white-space: nowrap;
}
#breaking label {
position: absolute;
padding: 6px;
width: 70px;
height: 100%;
overflow: hidden;
border-right: 1px solid #a8635a;
background-color: inherit;
box-sizing: border-box;
}
1318 Test - iPhone Start Page
Test Content Title Which Exceeds the outer element width to scroll