Как прокрутить горизонтальную сетку до указанного c места на странице Требуется адаптивное решение

Question

Аналогичный вопрос задавали 8 лет go здесь: DIV Горизонтальная прокрутка, как загрузить ID

, и ответ был:

document.getElementById('foo').scrollLeft = 500;​

Но у меня есть Bootstrap 4 сайт, который реагирует - поэтому я не знаю, насколько шире каждая карта (в блоке прокрутки), так как она будет зависеть от устройства.

Есть ли способ, который Я могу переместить / прокрутить его до n-го деления. при загрузке страницы?

PS - И, как и предыдущий OP, элемент прокрутки находится на полпути вниз по странице - поэтому простая ссылка привязки не подходит ; (

Answer 1

Сначала необходимо рассмотреть ширину div, который является динамическим c, как переменную, и эта переменная задает скорость прокрутки.

 var size=$("div").width()
 document.getElementById('foo').scrollLeft = size;​