Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何获取divs当前滚动位置?_Javascript_Jquery_Scroll_Reactjs - Fatal编程技术网

Javascript 如何获取divs当前滚动位置?

Javascript 如何获取divs当前滚动位置?,javascript,jquery,scroll,reactjs,Javascript,Jquery,Scroll,Reactjs,我想知道div的滚动位置。 我有两个左右按钮,中间有一个可滚动的div,其中填充了数据。 如果右边没有数据,我想禁用右边的按钮;如果左边没有更多数据,我想禁用左边的按钮。 为此,我想我需要知道当前的滚动位置。任何加强这一点的建议都将非常棒 ` return <div className="row"> <div ref="previous_column" onClick={this.shift_left} href="#" style={style_div

我想知道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>`
返回 {this.props.groundry\u cart.delivery\u slots.map(函数(obj)){ 返回 }.bind(this))} ` 我刚刚添加了一些相关代码

上一列和下一列是div(左键和右键)


表格容器是一个固定的div,其中的滑动窗口滑动

您可以使用jQuery这样做:

//axis y position (or top position)
$('[ref="table_container"]').scrollTop()
//axis x position (or left position)
$('[ref="table_container"]').scrollLeft()
//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,如下所示:

//axis y position (or top position)
$('[ref="table_container"]').scrollTop()
//axis x position (or left position)
$('[ref="table_container"]').scrollLeft()
//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属性获取或设置元素内容向左滚动的像素数

您可以使用div.position()


然后做位置。顶部

我想做左右位置。。。滚动顶部为mes提供垂直位置,因此需要div.position()。left@Attenzione他说的他想要卷轴的位置。。。不是元素的位置。。阅读我想在水平方向滚动的问题。。从左向右禁用。scrollTop()是否提供x轴位置?非常感谢<代码>$('.table container')。scrollLeft()这解决了问题。