Значение горизонтального скроллинга элементов

.scrollLeft() – получает/устанавливает значение отступа прокрутки слева для первого элемента в наборе.

Функция имеет несколько вариантов использования.

.scrollLeft()

Получает значение отступа прокрутки слева для первого элемента в наборе.

Пример 1 – сделайте скролл вправо у блока, выделенным зеленой рамкой, а затем нажмите кнопку “Получить значение ScrollLeft”:

[codepen_embed height=”320″ theme_id=”0″ slug_hash=”WRwjPb” default_tab=”js,result” user=”AmateR”]See the Pen <a href=’http://codepen.io/AmateR/pen/WRwjPb/’>WRwjPb</a> by Aleksei (<a href=’http://codepen.io/AmateR’>@AmateR</a>) on <a href=’http://codepen.io’>CodePen</a>.[/codepen_embed]

.scrollLeft( value )

Устанавливает значение отступа прокрутки слева для первого элемента в наборе.

  • value — значение отступа прокрутки слева.

Пример 2 – дополним предыдущий пример еще одной кнопкой, при нажатии на которую будет устанавливаться значение отступа прокрутки слева в 100px:

[codepen_embed height=”323″ theme_id=”0″ slug_hash=”oBxwgP” default_tab=”js,result” user=”AmateR”]See the Pen <a href=’http://codepen.io/AmateR/pen/oBxwgP/’>oBxwgP</a> by Aleksei (<a href=’http://codepen.io/AmateR’>@AmateR</a>) on <a href=’http://codepen.io’>CodePen</a>.[/codepen_embed]

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *