@TuMko

Как сделать элемент фиксированным после прокрутки до определенного места на странице?

Здравствуйте. Есть сайт на Bootstrap. На странице есть блок map-container с картой map, сверху и снизу от этого блока map-container есть другой контент. Высота блока 2000px, высота карты 400px. Необходимо, чтобы когда пользователь прокручивая страницу и доходил до блока с картой, та самая карта становилась фиксированной и прокручивалась до конца этого блока. Дойдя до конца этого блока, карта оставалась снизу. При этом пользователь дальше прокручивает контент вниз, а карта остается в низу того блока map-container. Помогите реализовать данную задумку.
<div class="some-content" style="height: 1000px">some content</div>
<div class="container">
   <div class="row">
      <div class="col-md-8"></div>
      <div class="col-md-4">
               <div class="map-container" style="height: 2000px">
                         <div class="map" style="height: 400px">map</div>
               </div>
      </div>
   </div>
</div>
<div class="some-content" style="height: 1000px">some content</div>
  • Вопрос задан
  • 34 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Sellavi Москва
от 180 000 ₽
от 180 000 до 200 000 ₽
Artezio Нижний Новгород
от 130 000 до 180 000 ₽
03 мар. 2021, в 11:54
500000 руб./за проект
03 мар. 2021, в 11:48
1000 руб./за проект