После клика на кнопку (именно на мобильном устройстве) сайт самостоятельно доскроллил до нужного места, как это реализовать?

Question

[Lion97icvc]

Есть список с авторами, при клике на автора появляется сбоку информация об авторе, но при адаптивной верстке на мобильной версии информация об авторе перемещается под список и при переключении между авторами приходиться прокручивать страницу вниз, необходимо сделать так, чтобы при нажатии на автора страница сама перемещалась на информацию об авторе, исключительно на мобильной версии. На всех остальных разрешениях такого не должно происходить. Подскажите, пожалуйста с помощью чего это можно реализовать. Ни одной путной мысли нет.

Comments

[FrelFrloich]

с помощью js, или две кнопки и показывать на мобилках и скрывать на десктопе.

[Александр]

Вы можете реализовать это с помощью JavaScript и CSS Media Queries.
Использовать JavaScript для отслеживания разрешения экрана и слушать события клика на авторе.
Если разрешение экрана является мобильным, вы можете использовать JavaScript для прокрутки страницы к блоку с информацией об авторе.
Использовать CSS Media Queries для настройки стилей для различных разрешений экрана.

[Lion97icvc]

Александр, Благодарю за ответ, может подскажите, материал, который можно прочитать, а то я в JS пока еще полный валенок

[Александр]

Lion97icvc,

Вот, я вам накидал пример, пробуйте внедрять)
Если разрешение (ширина) меньше 768, то код будет работать, если больше, то нет.
Можете поменять на свое значение

[Lion97icvc]

Александр, Огромное вам человеческое спасибо))))

Answer 1

[SaberChazer]

Попробуйте просто повесить якорь куда вам нужно, если вам нужна плавная анимация то можно просто чуть по лазить по инету (например как сделать плавный скролл js/jq)

<a href="#to"></a>
<span id="to"></span>