我想知道一个 div 的 滚动位置 。
我有左右两个按钮,中间有一个可滚动的 div,里面填充了数据。
如果右侧没有数据,我想禁用右侧的按钮,如果左侧没有更多数据,则禁用左侧的按钮。
为此,我想我需要知道当前的滚动位置。任何增强此功能的建议都很棒。
` return <div className="row">
<div ref="previous_column" onClick={this.shift_left} href="#" style={style_div}></div>
<div className="table-container" ref="table_container">
<div className="sliding-window">
{this.props.grocery_cart.delivery_slots.map(function(obj) {
return <div key={d}>
<CalendarDetail values={d} ref="delivery_date"/>
</div>
}.bind(this))}
</div>
</div>
<div ref="next_column" href="#" onClick={this.shift_right} style={style_div} className="plr-slide"></div>
</div>`
我刚刚添加了一些相关代码。
上一列和下一列是 div(左右按钮)
Table Container是一个固定的div,里面的滑动窗口是滑动的。
最佳答案
你可以像这样使用jQuery来做到这一点:
//axis y position (or top position)
$('[ref="table_container"]').scrollTop()
//axis x position (or left position)
$('[ref="table_container"]').scrollLeft()
或者只像这样使用javascript://axis y position (or top position)
document.querySelectorAll('[ref="table_container"]').scrollTop;
//axis x position (or left position)
document.querySelectorAll('[ref="table_container"]').scrollLeft;
你可以在这里读更多关于它的内容。关于javascript - 如何获取 divs 当前滚动位置?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/34354976/