在Gatsby / React中,导航到页面时无法滚动页面,直到重新加载(在移动设备上)

时间:2018-12-20 12:05:45

标签: javascript reactjs scroll jsx gatsby

我目前正在与GatsbyJs一起在我的投资组合网站上工作,但是由于遇到了一个极其奇怪的错误,我突然停下来了。

因此,当我通过单击投资组合页面上的项目从投资组合页面导航到项目页面时,我无法滚动内容,没有错误,从我观察到的内容来看,没有CSS明智之举可以阻止滚动。

但是,如果我重新加载该页面后可以滚动?会是什么?

该网站的当前版本在这里:

www.12studio.agency

我已禁用组件,以确保什么都不会保留或影响页面,但是无论关闭组件还是CSS都会发生。它实际上不会在导航到页面上滚动。

1 个答案:

答案 0 :(得分:0)

大家好,所以我发现了疯狂的问题!!!!!!!

它与Gatsby,React或CSS无关。

这是先前项目页面的问题。

基本上,项目页面使用滑块(Slick-React),并且两个设置相互冲突。

相撞并破坏下一页的设置如下: verticalSwiping: false, swipeToSlide: true,

我在忙了一个小时的时间后将其更改为: verticalSwiping: false, swipeToSlide: false,

这解决了我的问题。我希望这对其他人有帮助!