Как сделать два прилипающих блока при скроле?

Для создания двух прилипающих блоков при скролле на веб-странице, можно использовать CSS и JavaScript.

Вот пример кода, который поможет вам реализовать данную функциональность:

1. HTML структура:
```html

```

2. CSS стили:
```html

.sticky-container {
position: relative;
}

.sticky-block1 {
position: sticky;
top: 0;
background-color: #f1f1f1;
}

.sticky-block2 {
position: sticky;
top: 0;
background-color: #f9f9f9;
}

```

3. JavaScript код:
```html

window.onscroll = function() {
var block1 = document.querySelector('.sticky-block1');
var block2 = document.querySelector('.sticky-block2');

if (window.pageYOffset > 100) {
block1.style.top = '10px';
block2.style.top = '10px';
} else {
block1.style.top = '0';
block2.style.top = '0';
}
};

```

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

Надеюсь, это поможет вам решить вашу проблему! Если у вас есть еще вопросы, не стесняйтесь задавать.