IntroJS滚动不起作用

Question

我在我的页面上使用IntroJs来显示一次浏览。一般来说，一切都很好，但有一个问题：

在一个页面上，我不能滚动，因为我有像IntroJS一样的东西，在div上滚动，所以不是整个页面都在滚动，但是div是可滚动的。现在，当我在当前可见的元素上定义浏览的元素时，一切正常，但如果您必须在div中向下滚动，它将不再起作用(它实际上试图向下滚动整个页面，并在不知名的地方显示步骤。

这就是我如何定义这个旅程的：

this.intro = introJsModule.introJs();
    this.intro.setOptions({
      steps: [
        {
          intro: "Hello user!"
        },
        {
          element: '.checkbox',
          intro: "This is a checkbox"
        },
        {
          element: '#inputHor1',
          intro: "This input looks very nice."
        },
        {
          element: '#anotherID',
          intro: "This is the first section"
        }
      ]});
    this.intro.setOption('showStepNumbers', false);
  }

  startIntro() {
    this.intro.start();
  }

我有什么办法可以解决这个问题吗？

PS:我的意思是(在我的网站上)有点像here。因此，右边的部分是我定义步骤的地方，当需要向下滚动时，它不起作用。实际上唯一的区别是，我的滚动条也在"right div“里面，所以我不会滚动整个页面。

Answer 1

我们可以看看你正在使用的js吗？

猜测：

只有在以下情况下，onscroll事件才起作用：

• 该div有overflow: auto、overflow: scroll、overflow-y: scroll等。
• 该div当前有一个可滚动的可见滚动条。
• 鼠标移动实际上会导致滚动条滚动。

您也可以尝试使用onmousewheel事件而不是onscroll (如果您正在使用它的话)。

Answer 2

使用#801解决

在这里查看详细信息https://github.com/usablica/intro.js/pull/801