Я использую response-scrollable-anchor, но по какой-то причине, если я использую мышь, чтобы прокрутить страницу вниз, она автоматически вернется наверх, но этого не произойдет, если я нажму кнопку прокрутки вниз.
Что-то, что я должен добавить в код, чтобы изменить это?
Я ничего не пробовал, потому что я не профессионал и даже не знаю, с чего начать.
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;
Мне бы хотелось иметь обычную прокрутку вниз, единственная причина, по которой я добавил кнопку прокрутки вниз, заключается в том, что на некоторых устройствах прокрутка просто переходит к следующему слайдеру и не опускается.
Спасибо за помощь, ребята!