带动画的锚点链接

// 点击 .ruler元素，让 id为newRuler的元素以动画的方式滚动到页面顶部。
// 前期是newRuler的父元素没有定位，因为offsetTop是参照最近的并且带有定位的父元素   48是因为iphoeX刘海屏。
  var newRuler = document.getElementById('newRuler')
  console.log(newRuler.offsetTop,'top')
  $('.ruler').click(()=>{
    window.scrollTo({ 
      top: newRuler.offsetTop-48, 
      behavior: "smooth" 
  });