这是当前代码：

<base-nav class="navbar-main" transparent type="" effect="light" expand>
    <router-link slot="brand" class="navbar-brand mr-lg-5" to="/">
        <img src="img/brand/white.png" alt="logo">
    </router-link>
</base-nav>

现在，它是透明的，如果我将type=""更改为type="primary"，则它会带有颜色。 但是我希望它始终位于屏幕顶部，一旦开始向下滚动，它将从透明变为type="primary"，是否必须使用nativeonScroll={this.handleScroll}？

如果是，那我应该如何使用它？