javascript - 更改物化滚动功能的默认外观

我正在为我的网站使用materializecss框架。我在导航栏中使用了scrollspy函数。但是我想将红色的默认颜色更改为白色，并在导航链接下方将垂直线更改为水平线。

现在我有这个



我想要的是



Scrollspy函数的JS代码。

      $(document).ready(function(){
      $('.scrollspy').scrollSpy();
      });

我不知道要更改哪些特定的类。

最佳答案

如果您不想在网站上使用副目录，则可以更改目录表类的CSS。

转到materialize.css文件，并找到以下代码：

  .table-of-contents a.active {
    font-weight: 500;
    padding-left: 18px;
    border-left: 2px solid #ea4a4f;
  }

然后，您可以将其替换为：

  .table-of-contents a.active {
    font-weight: 500;
    padding-left: 18px;
    border-bottom: 2px solid white;
  }

要查看结果，您必须在您的html中链接materialize.css文件而不是materialize.min.css。在生产环境中，您将需要最小化修改后的materialize.css文件。

也许已经有点晚了，但是我希望它会有所帮助。