Sitcky

by Artem Borovikov

HTML

<div class="box">
    <div class="banner">banner</div>
    <h1>Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Возвращайся продолжил свое парадигматическая которое вскоре раз необходимыми до дорогу текста рыбного, он лучше большого, власти там текст текстов последний ему залетают. За деревни, ipsum сбить домах меня. Снова на берегу домах текст рукопись, переписали если путь он ipsum это ты. Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Возвращайся продолжил свое парадигматическая которое вскоре раз необходимыми до дорогу текста рыбного, он лучше большого, власти там текст текстов последний ему залетают. За деревни, ipsum сбить домах меня. Снова на берегу домах текст рукопись, переписали если путь он ipsum это ты. Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Возвращайся продолжил свое парадигматическая которое вскоре раз необходимыми до дорогу текста рыбного, он лучше большого, власти там текст текстов последний ему залетают. За деревни, ipsum сбить домах меня. Снова на берегу домах текст рукопись, переписали если путь он ipsum это ты.</h1>
</div>

CSS

.box {
  margin: 30px;
  padding: 15px;
  border: 1px solid red;
  background-color: #fff;
}

.banner {
    position: sticky;
    height: 500px;
    bottom: 1000px;
    padding: 5px;
    background-color: #eee;
}