javascript - 返回顶部效果，性能问题

问题描述

问 题

window.onscroll = function(){
    var top = document.documentElement.scrollTop || document.body.scrollTop;
    if(top >= 300){
        ele.style.display = 'block'
    }else{
        ele.style.display = 'none'
    }
}

当滚动300px后，display为block;以后鼠标向下滑动都会运行ele.style.display = 'block',
虽然当时的ele已经为block，但是这样持续运行这句 会不会持续重绘影响性能。

解决方案

如果怕有性能问题，可以多加一层判断。本来滚动就会产生重绘，影响不会很大

if(top >= 300 && ele.style.display != 'block'){
    ele.style.display = 'block'
}else if(top < 300){
    ele.style.display = 'none'
}

这篇关于javascript - 返回顶部效果，性能问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！