javascript - 等到滚动完成然后执行

Question

您好，我找到了一个代码，当您单击此代码笔中的按钮时，它会切换您的身体内容，我想添加一个功能，它会等待切换内容，直到页面滚动完成以支持跨浏览器支持我使用此脚本我的平滑滚动：

    // add event listener on load
        window.addEventListener('load', function() {

  // scroll into view
  var btns = document.querySelectorAll('.scrollwrap');
  for (let i = 0; i < btns.length; i++) {

    btns[i].addEventListener('click', function(e) {
      e.preventDefault();
      document.querySelector('.wrapper').scrollIntoView({
        behavior: 'smooth'
      });
      document.getElementById("wrap").scrollTop -= 100;
    });
  }

我从这里得到了这个脚本。

我怎样才能让它等到页面完全滚动到设定的目的地？

标签： javascripthtml

Answer 1

我认为您可以尝试捕捉事件

const wrap = document.getElementById("wrap");
 wrap.addEventListener('scroll', function(e) {
   const lastKnownScrollPosition = wrap.scrollTop;

   Here you can do what you want to do =)
});