SOURCE

<p>当我们在滚动页面的时候（通常是我们监听touch事件的时候）， 
    页面其实会有一个短暂的停顿（大概200ms），
    <span>浏览器不知道我们是否要preventDefault，通常是我们监听touch事件的时候通常是我们监听touch事件的时候通常是我们监听touch事件的时候</span>， 
    所以它需要一个延迟来检测。 
    这就导致了我们的滑动显得比较卡顿。
</p>

span {
    background-color: transparent;
    background-image: linear-gradient(#73ffa0, #73ffa0);
    background-repeat: no-repeat;
    /*下划线的完整度*/
    background-size: 0% 38%;
    /*控制background-image在下方*/
    background-position: 0 100%;
    transition: all 2s;
}

span:hover {
    background-size: 100% 38%;
}