向下滚动后,我的网站会自动向上滚动,除非我使用向下滚动按钮

时间:2019-05-24 16:39:48

标签: node.js reactjs react-router

我正在使用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;

我希望定期向下滚动,我添加向下滚动按钮的唯一原因是,在某些设备中,如果滚动,则只会转到下一个滑块,而不会向下滚动。

感谢帮助人员!

0 个答案:

没有答案