获取以视口顶部和底部为锚点的元素滚动百分比

window.addEventListener('scroll', function() {
  // 在滚动时触发的代码
});

var element = document.getElementById('elementId'); // 替换为要获取滚动百分比的元素的id
var elementTop = element.getBoundingClientRect().top; // 获取元素相对于视口顶部的距离
var elementBottom = element.getBoundingClientRect().bottom; // 获取元素相对于视口底部的距离
var viewportHeight = window.innerHeight; // 获取视口的高度

var scrollPercentage = (viewportHeight - elementTop) / (viewportHeight + elementBottom) * 100;
// 根据元素相对于视口顶部和底部的距离，计算出滚动百分比