Question

我正在使用基本JavaScript的React。 scrollTop 似乎根本不起作用。我使用下面的代码：

const node = ReactDOM.findDOMNode(this)
const $container = node.getElementsByClassName('comments')
$container[0].scrollTop = 10

执行此代码后，scrollTop无效。已经有了可用的CSS，容器元素的所有滚动都可见。

Answer 1

我想，当你想获得DOMElement时，你应该删除findDOMNode并使用autocmd BufNewFile,BufRead /path/to/folder/linux-*/* set noexpandtab。以下解决此问题的方法之一：

ref

完整的工作示例：https://codesandbox.io/s/v8z7r0pxw5

Answer 2

在你的方法中做这样的事情

componentDidMount () {
  window.scrollTo(0, 0);
}

render () {
  return (
     <div>
        <p>text here</p>
        <p>text here</p>
        <p>text here</p>
        <p>text here</p>
        <button onClick={this.onScrollToTop}>Take Me To Top</button>
     </div>
  );
}

scrollTop无法在react js中工作

2 个答案: