当前位置: 首页 > 工具软件 > HTML5Sticky > 使用案例 >

js实现sticky粘性定位

陈龙野
2023-12-01
      var dom = document.querySelector('.count_money'), 
      domTop = dom.offsetTop;
      window.addEventListener('scroll',scrollFunc)
      function scrollFunc() {
      // 定位底部
          if(window.pageYOffset < domTop - window.innerHeight){
              dom.style.position = 'fixed';
              dom.style.bottom = 0;
          }else{
              dom.style.left = 'auto';
              dom.style.position = 'static'
          }
          // 定位顶部 
          if(window.pageYOffset > domTop){
              dom.style.position = 'fixed'
              dom.style.top = 0;
          }else{
              dom.style.position = 'static'
          }
      }
      scrollFunc()
 类似资料: