Как получить текущую позицию прокрутки divs?

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>` 

Я только что добавил несколько соответствующих кодов.

предыдущей колонны и следующие столбцы являются дивы (левая и правая кнопка)

Таблица Контейнер представляет собой фиксированный ДИВ и скользящего окна внутри он скользит.

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