После последнего обновления у меня возник странный сбой, и я не знаю, как продолжить отладку. Ссылка на форум: https://community.make.com. Теперь на целевой странице есть «липкий» заголовок, и всё работает нормально. Но то, что у меня было и что я действительно хочу, — это нелипкий заголовок на целевой странице. Однако теперь, когда я отключаю объявление sticky:
Я могу воспроизвести это на другой странице, где использую похожую верстку, но не на других экземплярах. Значит, это должно быть что-то, что я объявляю в теме, но я не могу понять, что именно. У кого-нибудь есть предположение?
Кажется, это вызвано --header-offset. Если заголовок не зафиксирован, то при прокрутке он будет меняться. Думаю, вам нужно исправить --header-offset, чтобы он работал на этих страницах.
Спасибо, что уделили этому внимание, @Don! Я тоже подумал, что это связано с объявлением динамического header-offset. С другой стороны, вы можете изменить заголовок на нелипкий здесь, на meta или других экземплярах, и это не вызывает проблем. Например, на этом экземпляре я использую похожие компоненты, но страница не расширяется с нелипким заголовком: https://community.couchers.org/
Так что я все еще задаюсь вопросом, почему это происходит с этой другой темой. Хотя я также спрашиваю себя, для чего на самом деле вычисляется и используется значение header-offset?
Теперь я проверил это и на другом сайте. Думаю, новые изменения с боковой панелью могли стать причиной этого. https://community.couchers.org/ — это более старая версия, в которой нет кода для боковой панели.
.sidebar-wrapper имеет высоту: calc(100vh - var(--header-offset)). Я думаю, что это сдвигает контент при прокрутке, если заголовок не зафиксирован.
Вы можете установить height: 0; или display: none.
