Связывание слайдера и ссылки с адаптивным скроллом под ней требует использования JavaScript для управления слайдером и изменения положения прокрутки страницы при нажатии на ссылку. Вам потребуется использовать какой-то JavaScript-фреймворк или библиотеку, которые предоставляют готовые компоненты для создания слайдеров и адаптивной прокрутки.
Первым шагом будет создание слайдера, который будет показывать содержимое в виде слайдов. Для этого вы можете использовать библиотеку, такую как Swiper или Slick, которые предоставляют широкие возможности настройки и адаптивности слайдера. Вы должны следовать документации и инструкциям по установке, чтобы настроить слайдер в вашем проекте.
После настройки слайдера вы сможете контролировать его с помощью JavaScript-кода. Вам понадобится найти элементы слайдера и добавить обработчики событий, чтобы реагировать на действия пользователя. Например, вы можете добавить обработчики событий "click" на кнопки навигации слайдера, чтобы пользователь мог переключаться между слайдами.
Когда пользователь нажимает на ссылку, вы должны плавно прокручивать страницу до соответствующего раздела контента под слайдером. Для этого вы можете использовать функцию scrollIntoView(), которая прокручивает указанный элемент к верхней части контейнера. Например, вы можете найти соответствующий раздел контента по его идентификатору и вызвать метод scrollIntoView() для него.
Однако вам также нужно учитывать адаптивность и реагировать на изменение размеров окна браузера, чтобы корректно рассчитывать положение прокрутки. Вы можете добавить обработчик события "resize" на объект window, чтобы пересчитывать положение прокрутки при изменении размера окна.
В итоге, связывание слайдера и ссылки с адаптивной прокруткой требует использования JavaScript для управления слайдером и изменения положения прокрутки страницы при нажатии на ссылку. Вы должны настроить слайдер с помощью соответствующих библиотек и добавить обработчики событий для контроля слайдера и прокрутки страницы.