我正在使用react-scrollable-anchor,但是由于某种原因,如果我使用鼠标向下滚动页面,则会自动再次回到顶部,但是如果按下按钮向下滚动,则不会发生这种情况。 / p>
我应该在代码中添加一些内容来更改它吗?
因为我不是专业人士,所以我没有尝试过任何东西,甚至都不知道从哪里开始。
import ScrollableAnchor from 'react-scrollable-anchor';
import { configureAnchors } from 'react-scrollable-anchor';
class AppHome extends React.Component {
constructor(props){
super(props);
this.state = {
loading: true
}
}
componentDidMount(){
setTimeout(() => {
this.setState({loading: false})
},1800)
}
render(){
let contentHome = this.state.loading ? <AppLoader /> :
<div>
<div className="rev_slider_wrapper">
<div id="rev_slider" className="rev_slider fullscreenbanner">
<section id="section04" className="scrolling">
<a href="#section04"><span></span>continue</a>
</section>
<HomeSlider />
</div>
</div>
<ScrollableAnchor id={'section04'}>
<div id="explore" className="content">
<AboutHome />
<ServicesHome />
<ExperienceHome />
<LogosHome />
</div>
</ScrollableAnchor>
</div>
return (
<main className="main">{contentHome}</main>
);
}
};
export default AppHome;
我希望定期向下滚动,我添加向下滚动按钮的唯一原因是,在某些设备中,如果滚动,则只会转到下一个滑块,而不会向下滚动。
感谢帮助人员!