可以快速获取用户正在阅读内容的锚点的工具库
selectors-observer
可以快速获取用户正在阅读内容的锚点的工具库,框架通用
先看效果react demo
install CDN<script src="https://yrobot.github.io/selectors-observer/lib/index.umd.js"></script>
在使用SelectorsObserver
前利用 script 标签引入,然后就可以直接在 js 逻辑中直接使用SelectorsObserver
yarn add selectors-observer
or
npm install selectors-observer
usage
import SelectorsObserver from 'selectors-observer'; const selectors = ['#anchor1', '#anchor2', '#anchor3']; const oberver = new SelectorsObserver(); oberver.select(selectors).listen((selecor) => { // 每次正在浏览的锚点变更时,会触发listen setViewing(selecor); }); demo on codesandbox
static html demo
react demo
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。