标签：className search TypeError classList ceiling onscroll 报错 scrollTop

在写原生js吸顶效果的时候，使用search.className = "ceiling"，添加类名，报以下错误。但效果可以正常执行

 

 

 

 查阅文档，发现是可以存在空格就执行了这句代码 search.className = "ceiling"

 

解决方案：

把 

search.className="ceiling 改为 search.classList.add('ceiling') ，就不会出现报错了

window.onscroll = function () {
        let search = document.querySelector('.dd')
        // 搜索框吸顶
        let scrollTop = document.documentElement.scrollTop
        if(scrollTop > 40){
            // search.className="ceiling" //会报错
            search.classList.add('ceiling')
        }else{
            search.classList.remove('ceiling')
        }
    }

 

标签：className,search,TypeError,classList,ceiling,onscroll,报错,scrollTop
来源： https://www.cnblogs.com/sssong123/p/16587102.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。