如何从 Materialise Scrollspy 插件中获取元素名称

Question

我正在尝试使用 Materialize 的 Scrollspy 插件的 getActiveElement 函数从浏览器的视图中获取当前元素。获得元素 ID 后，我想为其添加动画 class。我不确定如何实现 getActiveElement 函数选项来检索元素 ID。

Please refer to documentation

HTML:

<section
      id="projects"
      class="section section-popular grey lighten-4 scrollspy"
    >
</section>

JS:

<script>
const srcollspy = document.querySelectorAll(".scrollspy");
      M.ScrollSpy.init(srcollspy , {
        //getActiveElement: (not sure how to use this),
      });
</script>

非常感谢一些帮助

Answer 1

找到答案：

使用

记录元素

JS:

const scrollspy = document.querySelectorAll(".scrollspy");
      M.ScrollSpy.init(scrollspy, {
        getActiveElement: function (id) {
          console.log('this is the element: a[href="#' + id + '"]');
        },
      });