scrollLeft干扰scrollIntoView

时间:2020-03-14 14:01:21

标签: javascript reactjs google-chrome

我的网站使用react-router-hash-link根据我的导航栏项目将用户滚动到该部分。根据库中的源代码,他们使用scrollIntoView将用户滚动到元素的ID。

现在,当用户单击导航栏项目时,我遇到了这个问题;滚动到C部分,浏览器将在使用scrollLeft函数的B部分停止。

我来到了一种解决方案,其中scrollLeft通过删除scrollIntoView函数来干扰scrollLeft,并且正常工作!

B部分是水平内容,它使用scrollTop模拟水平滚动。

下面是这种情况的图片。此错误仅在Google Chrome桌面中发生

enter image description here

0 个答案:

没有答案