Набросал рыбу шаблона. Идея следующая, когда контейнер "main-container" окажется по середине экрана, он должен зафиксироваться и при скроле должно прокручиваться его содержимое. Как только содержимое контейнера полностью прокрутилось, блок размораживается и страница сайта скролится дальше.
Пробовал сделать через "overflow-y: scroll;", но это не то. Пытался добавить "position: sticky;", тоже работает не совсем так.
Подскажите, как реализовать идею?
<style>
.wrap{
max-width: 750px;
margin: 0 auto;
font-size: 24px;
}
.block-1,
.main-container{
border: 1px solid #ccc;
padding: 20px;
margin: 20px 0;
}
.main-container {
height: 400px;
overflow-y: scroll;
background-color: brown;
color: #ccc;
}
</style>
<div class="wrap">
<div class="block-1">
Задача организации, в особенности же социально-экономическое развитие позволяет оценить значение направлений прогрессивного развития. Задача организации, в особенности же повышение уровня гражданского сознания создаёт предпосылки качественно новых шагов для дальнейших направлений развитая системы массового участия. Значимость этих проблем настолько очевидна, что консультация с профессионалами из IT обеспечивает широкому кругу специалистов участие в формировании ключевых компонентов планируемого обновления!
Не следует, однако, забывать о том, что социально-экономическое развитие обеспечивает широкому кругу специалистов участие в формировании форм воздействия? Разнообразный и богатый опыт рамки и место обучения кадров требует от нас системного анализа экономической целесообразности принимаемых решений. Разнообразный и богатый опыт социально-экономическое развитие в значительной степени обуславливает создание форм воздействия? Соображения высшего порядка, а также курс на социально-ориентированный национальный проект требует от нас системного анализа дальнейших направлений развития проекта.
Повседневная практика показывает, что начало повседневной работы по формированию позиции требует определения и уточнения системы обучения кадров, соответствующей насущным потребностям? С другой стороны повышение уровня гражданского сознания создаёт предпосылки качественно новых шагов для экономической целесообразности принимаемых решений? Повседневная практика показывает, что новая модель организационной деятельности играет важную роль в формировании соответствующих условий активизации. Равным образом повышение уровня гражданского сознания представляет собой интересный эксперимент проверки позиций, занимаемых участниками в отношении поставленных задач.
Равным образом выбранный нами инновационный...
</div>
<div class="main-container">
<h2>Текст для проматывания</h2>
Разнообразный и богатый опыт сложившаяся структура организации способствует повышению актуальности экономической целесообразности принимаемых решений. Не следует, однако, забывать о том, что курс на социально-ориентированный национальный проект требует от нас системного анализа направлений прогрессивного развития. Разнообразный и богатый опыт дальнейшее развитие различных форм деятельности требует от нас системного анализа системы обучения кадров, соответствующей насущным потребностям.
Практический опыт показывает, что социально-экономическое развитие обеспечивает актуальность форм воздействия!
С другой стороны повышение уровня гражданского сознания играет важную роль в формировании соответствующих условий активизации? Разнообразный и богатый опыт постоянный количественный рост и сфера нашей активности представляет собой интересный эксперимент проверки всесторонне сбалансированных нововведений! Равным образом начало повседневной работы по формированию позиции представляет собой интересный эксперимент проверки новых предложений.
Не следует, однако, забывать о том, что реализация намеченного плана развития позволяет оценить значение системы обучения кадров, соответствующей насущным потребностям. Разнообразный и богатый опыт консультация с профессионалами из IT обеспечивает актуальность существующих финансовых и административных условий. Дорогие друзья, реализация намеченного плана развития играет важную роль в формировании направлений прогрессивного развития. Задача организации, в особенности же новая модель организационной деятельности требует от нас анализа новых предложений. Таким образом, сложившаяся структура организации способствует повышению актуальности всесторонне сбалансированных нововведений. Таким образом, постоянное информационно-техническое обеспечение нашей деятельности позволяет выполнить важнейшие задания...
</div>
<div class="block-1">
Не следует, однако, забывать о том, что социально-экономическое развитие позволяет оценить значение существующих финансовых и административных условий. Значимость этих проблем настолько очевидна, что постоянный количественный рост и сфера нашей активности обеспечивает актуальность ключевых компонентов планируемого обновления! Практический опыт показывает, что курс на социально-ориентированный национальный проект в значительной степени обуславливает создание существующих финансовых и административных условий!
Повседневная практика показывает, что рамки и место обучения кадров позволяет оценить значение дальнейших направлений развития проекта? Не следует, однако, забывать о том, что начало повседневной работы по формированию позиции играет важную роль в формировании системы масштабного изменения ряда параметров. Практический опыт показывает, что постоянный количественный рост и сфера нашей активности позволяет выполнить важнейшие задания по разработке дальнейших направлений развитая системы массового участия! Таким образом, курс на социально-ориентированный национальный проект представляет собой интересный эксперимент проверки системы масштабного изменения ряда параметров.
Соображения высшего порядка, а также новая модель организационной деятельности в значительной степени обуславливает создание дальнейших направлений развитая системы массового участия!
Дорогие друзья, начало повседневной работы по формированию позиции требует от нас системного анализа системы масштабного изменения ряда параметров? Значимость этих проблем настолько очевидна, что рамки и место обучения кадров играет важную роль в формировании новых предложений. Равным образом рамки и место обучения кадров влечет за собой...
</div>
</div>
Простой
Простой
