<div id="scroll-section">
  <!-- 区段内容 -->
</div>

#scroll-section {
  height: 500px; /* 设置区段高度 */
  overflow-y: scroll; /* 设置垂直滚动 */
}

<footer id="scroll-footer">
  <!-- 页脚内容 -->
</footer>

#scroll-footer {
  position: fixed; /* 设置固定定位 */
  bottom: 0; /* 设置底部距离 */
}

var scrollSection = document.getElementById('scroll-section');
var scrollFooter = document.getElementById('scroll-footer');

scrollSection.addEventListener('scroll', function() {
  if (scrollSection.scrollTop + scrollSection.clientHeight >= scrollSection.scrollHeight) {
    scrollFooter.style.display = 'none'; // 滚动到底部时隐藏页脚
  } else {
    scrollFooter.style.display = 'block'; // 其他情况下显示页脚
  }
});