js如何监听滚动条滚动事件，使得某个标签内容始终位于同一位置，请教如下代码哪里出错了

Question

  <script>
    var box = document.getElementById('box');
       
    //获取内联样式的属性top
    var sheet = document.styleSheets[0];
    var rules = sheet.cssRules || sheet.rules;
    var rule = rules[1];

   
    window.onscroll = function(){
     //框框距离顶端的距离
     var distance = box.offsetTop;
    
    //获取滚动条距离顶部的位置
     var sTop = document.body.scrollTop || document.documentElement.scrollTop || window.pageYOffset;
   
    
     rule.style.top = parseInt(sTop)+parseInt(distance)+'px';

    
    }
  </script>

Answer 1

觉得可以用定位