对不起,奇怪的标题和我糟糕的英语。
我正在使用一个包,react-full-page
试图弄清楚如何使用“beforeChange/afterChange”道具。
<FullPage>
<Slide>
A
</Slide>
<Slide>
B
</Slide>
</FullPage>
<button>scrollToTop</button>
当我单击按钮时,页面会上升到 scrollTop === 0,但是 react-full-page 认为我仍然在最后一张幻灯片上,即使滚动在顶部。我想我可以用 beforeChange 做一些事情。但是不知道怎么用。。。
文档说 beforeChange 和 afterChange 都将接收一个对象作为参数,例如:
{
"from": 0, // the index of the slide react-full-page is scrolling _from_
"to": 1, // the index of the slide react-full-page is scrolling _to_
}
所以,基本上我想要做的是当单击按钮时,将幻灯片的索引更改为 0。任何人都可以帮助我吗?
我可以确认window.scrollTo(0,xxx)
滑块中无法识别“外部”位置更改。你应该在github上创建一个问题。
为什么不使用传递给<FullPage />
( controls
prop) 的自定义控件?
您可以使用ref
调用方法<FullPage />
,例如:
<FullPage sliderRef={el => this.sliderRef = el}> <Slide> A </Slide> <Slide> B </Slide> </FullPage> <button onClick={() => this.sliderRef.scrollToSlide(0)}>scrollToTop</button>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句