登录  /  注册
javascript - js悬浮代码有冲突
PHP中文网
PHP中文网 2017-04-11 12:34:13
[JavaScript讨论组]
  • 这个是悬浮在顶部代码

     var header = document.querySelector('header');
        var origOffsetY = header.offsetTop;
        function onScroll(e) {
          window.scrollY >= origOffsetY ? header.classList.add('head_fixed') : header.classList.remove('head_fixed');
        }
        document.addEventListener('scroll', onScroll);
     

  • 这个是悬浮在底部代码

    var aside = document.querySelector('aside');
    var origOffsetY = aside.offsetTop;
    function onScroll(e) {
      window.scrollY >= origOffsetY ? aside.classList.add('aside_fixed') : aside.classList.remove('aside_fixed');
    }
    document.addEventListener('scroll', onScroll);
    

上面两个代码有些冲突,请问是哪里不对呢?

PHP中文网
PHP中文网

认证高级PHP讲师

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 //m.sbmmt.com/ All Rights Reserved | php.cn | 湘ICP备2023035733号