可以快速获取用户正在阅读内容的锚点的工具库

selectors-observer

可以快速获取用户正在阅读内容的锚点的工具库,框架通用

先看效果

react demo

install CDN

<script src="https://yrobot.github.io/selectors-observer/lib/index.umd.js"></script>

在使用SelectorsObserver前利用 script 标签引入,然后就可以直接在 js 逻辑中直接使用SelectorsObserver

npm

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、网站不提供资料下载,如需下载请到原作者页面进行下载。