# Страница бесконечно прокручивается без липкого заголовка

**URL:** https://meta.discourse.org/t/page-extends-endlessly-without-sticky-header/232216
**Category:** Support
**Created:** [07.Июль.2022 16:00:32 UTC](https://meta.discourse.org/t/page-extends-endlessly-without-sticky-header/232216 "2022-07-07T16:00:32Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [07.Июль.2022 16:00:33 UTC](https://meta.discourse.org/t/page-extends-endlessly-without-sticky-header/232216/1 "2022-07-07T16:00:33Z")

</div>

После последнего обновления у меня возник странный сбой, и я не знаю, как продолжить отладку. Ссылка на форум: [https://community.make.com](https://community.make.com). Теперь на целевой странице есть «липкий» заголовок, и всё работает нормально. Но то, что у меня было и что я действительно хочу, — это нелипкий заголовок на целевой странице. Однако теперь, когда я отключаю объявление sticky:

 ![Screenshot from 2022-07-07 18-51-55](https://global.discourse-cdn.com/meta/original/4X/b/e/f/beff5f695566de7689f7e563d26a4c37338cb81b.png)

страница продолжает растягиваться, и я никогда не дохожу до её нижнего колонтитула:

 ![Screenshot from 2022-07-07 16-51-08](https://global.discourse-cdn.com/meta/original/4X/b/e/9/be9a11fbfe71408447a3e57a17cfc6a81b468842.jpeg)

Я могу воспроизвести это на другой странице, где использую похожую верстку, но не на других экземплярах. Значит, это должно быть что-то, что я объявляю в теме, но я не могу понять, что именно. У кого-нибудь есть предположение?

---

<div class="post-metadata">

### Author: ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [07.Июль.2022 16:35:43 UTC](https://meta.discourse.org/t/page-extends-endlessly-without-sticky-header/232216/2 "2022-07-07T16:35:43Z")

</div>

Обновил исходный пост и удалил своё предыдущее решение.

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [09.Июль.2022 20:45:34 UTC](https://meta.discourse.org/t/page-extends-endlessly-without-sticky-header/232216/3 "2022-07-09T20:45:34Z")

</div>

Здравствуйте,

Кажется, это вызвано `--header-offset`. Если заголовок не зафиксирован, то при прокрутке он будет меняться. Думаю, вам нужно исправить `--header-offset`, чтобы он работал на этих страницах.

Что-то вроде этого, возможно 🤔

```scss
html.desktop-view {
  --header-offset: 81px !important;
}

```

---

<div class="post-metadata">

### Author: ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [12.Июль.2022 16:07:56 UTC](https://meta.discourse.org/t/page-extends-endlessly-without-sticky-header/232216/4 "2022-07-12T16:07:56Z")

</div>

Спасибо, что уделили этому внимание, @Don! Я тоже подумал, что это связано с объявлением динамического header-offset. С другой стороны, вы можете изменить заголовок на нелипкий здесь, на meta или других экземплярах, и это не вызывает проблем. Например, на этом экземпляре я использую похожие компоненты, но страница не расширяется с нелипким заголовком: [https://community.couchers.org/](https://community.couchers.org/)

Так что я все еще задаюсь вопросом, почему это происходит с этой другой темой. Хотя я также спрашиваю себя, для чего на самом деле вычисляется и используется значение header-offset?

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [12.Июль.2022 16:27:06 UTC](https://meta.discourse.org/t/page-extends-endlessly-without-sticky-header/232216/5 "2022-07-12T16:27:06Z")

</div>

Понятно… 🤔 Мой следующий совет 🙂

Теперь я проверил это и на другом сайте. Думаю, новые изменения с боковой панелью могли стать причиной этого.  
[https://community.couchers.org/](https://community.couchers.org/) — это более старая версия, в которой нет кода для боковой панели.

`.sidebar-wrapper` имеет высоту: `calc(100vh - var(--header-offset))`. Я думаю, что это сдвигает контент при прокрутке, если заголовок не зафиксирован.

Вы можете установить `height: 0;` или `display: none`.

```scss
#main-outlet-wrapper .sidebar-wrapper {
  display: none;
}

```
