Javascript 在scroll事件中，自动滚动到元素的底部

我有一个横幅在我的页面顶部是700像素的高度

我正在尝试这样做，当用户在视口中向下滚动横幅时，它会覆盖默认的滚动功能，并自动将它们（平滑地）滚动到横幅的底部

一旦达到该偏移量，则恢复正常滚动，除非横幅在视口中时向上滚动，横幅将自动滚动回顶部

在上可以找到类似的滚动效果

理想情况下，我希望通过香草javascript实现这一点

---

有人能给我指引正确的方向吗？

到目前为止，你尝试了哪些代码？我目前正在使用waypoints.js触发

window.scrollTo（）

，但它有缺陷。