chrome和IE中的ScrollHeight值不同

时间:2018-07-09 12:50:59

标签: javascript reactjs

如果元素溢出,我想对div应用一个类。为此,我将ScrollHeight与ClientHeight进行比较。它在chrome上可以正常使用,但在IE中则不能。下面是代码片段:

componentDidMount() {
   this.assign_overflow();
}

assign_overflow = () => {
    const element = this.title_ref.current;
    element.classList.toggle('overflowing', element.scrollHeight > 
    element.clientHeight);
};

<div>
    <h5 ref={this.title_ref}>header</h5>
</div>

.overflowing::after {
    content: "...";
    position: absolute;
    bottom: -2px;
    background-color: yellow;
}

在IE中,即使没有,我也会看到对元素应用了“溢出”类。在chrome中,我将scrollheight值设置为20,而在IE中则为22。有人可以帮我解决这个问题。谢谢。

0 个答案:

没有答案