我试图单击一个按钮,该按钮向下滚动到我的应用程序的特定部分。所以目前我有:

class Nav extends Component {
  foo(){
    console.log('baz')
    window.scrollTo(0, 100);
  }
  render() {
    return (
        <nav>
          <a href="#" onClick={()=> this.foo()}>About</a>

        </nav>
    );
  }
}


这将console.log“ baz”,但不会向下滚动到100

最佳答案

除掉

href="#"


这导致链接链接到页面顶部

关于css - 我如何将window.scrollby与react一起使用?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/44623532/

10-12 07:27