元素锁定在滚动上纯JavaScript无Jquery

// 获取需要锁定的元素
var element = document.getElementById('fixed-element');

// 获取元素初始位置
var initialOffset = element.offsetTop;

// 监听滚动事件
window.addEventListener('scroll', function() {
  // 获取滚动距离
  var scrollDistance = window.pageYOffset || document.documentElement.scrollTop;
  
  // 判断滚动距离是否超过元素初始位置
  if (scrollDistance >= initialOffset) {
    // 元素超过初始位置，添加固定样式
    element.classList.add('fixed');
  } else {
    // 元素未超过初始位置，移除固定样式
    element.classList.remove('fixed');
  }
});