如何获得div当前滚动位置？

Question

我想知道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(左和右按钮)。

是一个固定的div，其中的滑动窗口会滑动。

Answer 1

您可以像这样使用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;

你可以在这里读到更多关于它的内容。

Element.scrollLeft Element.scrollLeft属性获取或设置元素的内容向左滚动的像素数。

Answer 2

您可以使用div.position()；

然后做position.top