如何使用react实现滚动间谍-滚动

时间:2019-12-07 15:38:43

标签: javascript reactjs scroll scrollspy

我目前正在对我的应用程序中的所有滚动事件使用React Scroll。我有一个左侧的菜单栏,在右侧窗格中向用户显示某些部分。使用React滚动元素,当我按下左侧导航栏上的元素时,我能够滚动确切的元素,但是反之亦然,如果我滚动到该元素,则需要选择导航项是我无法通过实现的反应滚动

这是图书馆的限制吗?这就是我通过添加反应航路点my current design尝试使用的库。 但是它似乎永远都行不通。

我发现了一个库名称react scroll spy,这似乎很符合我的需求,这是我基本上想要的,但是由于react scroll库具有间谍实现。如果不想通过react-scroll实现此功能,我不想添加其他库。

我觉得在一个项目中添加多个库会减慢应用程序的速度/无法大规模提高性能,对吗?如果是,我们如何使用react scroll获得相同的功能? 我在这里错过了一些把戏吗?

在此网站上可以找到一个小示例,在滚动example时如何自动选择左侧菜单

0 个答案:

没有答案