滚动顶部属性不变

Question

我正在渲染保留在滚动组件内部的一组图像。我有一些按钮可以移动到下一个或上一个图像，方法是更改​​scrollTop属性。但是当我查看控制台时，scrollTop属性不会改变。

在更改scrollTop属性前后，我已在控制台记录了值 它们会更改，但控制台中的值不会更改

handleNext =（）=> {

const scrollBar = document.querySelector('#pdf-scroll');
console.log(scrollBar.scrollTop)
const page = Math.floor(scrollBar.scrollTop/this.state.pageHeight)+1
const scroll = page*this.state.pageHeight - scrollBar.scrollTop
console.log(scroll)
scrollBar.scrollTop += scroll;
console.log(scrollBar.scrollTop)

}

当我单击下一步按钮时，将调用此函数

const Scroll =（{height，width，children}）=> {     返回（

    <div id='pdf-scroll' style = {{ overflowY: 'scroll',
                height: height,
                width: width
             }}>
             { children }
    </div>

);

}

这是滚动组件

我希望滚动顶部值发生变化，但是当我在chrome控制台的“属性”选项卡中查看时，滚动值不会发生变化。 如果您需要更多信息，请发表评论