首页 > 解决方案 > 包裹在 100vh 中时,react-scrollable-anchor 停止工作

问题描述

我正在尝试在保持滚动间谍工作的同时修复此顶部标题,但要修复它,我必须使用固定位置,然后它需要整个页面的宽度,或者我尝试使用带有顶部 0 的粘性位置,但它不起作用并且一旦我将它包装在 100vh 中,它就开始工作,但 scrollspy 停止工作。知道如何解决这个问题吗?使其具有响应性非常重要,因此也不能使用任何 px 值作为宽度。

更新 - 我已尽力在此处的沙盒链接中复制问题。您可以通过检查以不同的分辨率查看问题。

在此处输入图像描述

标签: cssreactjsscrollspy

解决方案


推荐阅读