Lwj-scroll-nav NPM

lwj-scroll-nav

介绍

滚动导航插件

安装教程

npm

npm i lwj-scroll-nav -D

browser

<script src="https://unpkg.com/browse/lwj-scroll-nav@0.0.2/dist/index.umd.js"></script>

使用说明

import ScrollNav from "lwj-scroll-nav";

this.scrollNav = new ScrollNav({
  scrollContainer: ".scroll-container",
  scrollItem: ".scroll-container .scroll-item",
  navItem: ".nav .nav-item",
  activeNavItemClass: "active",
  offset: 0,
});

配置项

参数	类型	是否必须	可选值	默认值	说明
scrollContainer	string	否	-	.scroll-container	滚动容器
scrollItem	string	否	-	.scroll-container .scroll-item	滚动项
navItem	string	否	-	.nav .nav-item	导航项
activeNavItemClass	string	否	-	active	导航项激活时的 className
indexKey	string	否	-	-	导航索引
offset	number	否	-	0	导滚动偏移距离

util utils l-util l-utils dayjs moment format

lwj-utils

@infinitebrahmanuniverse/nolb-lw @everything-registry/sub-chunk-2112 @zalastax/nolb-lw

0.0.2

1 year ago

0.0.1

1 year ago