Как закрепить вкладку мобильного браузера Chrome?

Question

[Антон]

Здравствуйте!
Знаю, что можно менять цвет вкладки таким вот html-кодом:
<meta name="theme-color" content="#24292B">
А можно ли при помощи какого-либо мета-тега или css-свойства, или js/jquery сделать так, чтобы эта вкладка не исчезла при скролле страницы, а всегда оставалась видимой?

Answer 1

[Егор]

Нет. Зачем вообще так делать? Не хотите пользователю место на экране экономить ?

Comments

[Алексей Бурлака]

Видимо из-за скролла вверх-вниз. Вкладка то выезжает, то прячется. А речь скорее всего идёт по какой-то фиксд слой

[Антон]

Алексей Бурлака: совершенно верно.

[Антон]

Алексей Бурлака: может, Вы знаете, как можно это решить?

Answer 2

[Алексей Бурлака]

>>> Видимо из-за скролла вверх-вниз. Вкладка то выезжает, то прячется. А речь скорее всего идёт по какой-то фиксд слой
Антон Алексеевич: совершенно верно; может, Вы знаете, как можно это решить?

Общие размышления такие:
- вкладка выныривает и заныривает при скролле документа. Если документ без скролла, вкладка не реагирует.
- предполагается, что Слой, который перекрывает собой контент, выходит на первый план внимания пользователя и то, что под ним (на время работы со Слоем), отходит на второй план, а если в это время должно что-то скроллиться, то лишь содержимое Слоя.

Соответственно, нужно сделать так, чтобы при открытии Слоя содержимое документа... перестало иметь скролл (так вот косноязычно) — например переключалось на overflow: hidden, а Слой соответственно перехватывал скролл и не пропускал его дальше, если пользователь доскроллил и упёрся вниз/вверх содержимого.

Может пригодиться применение preventDefault через js, а можно выкрутиться и без него.
https://learn.javascript.ru/default-browser-action

Comments

[Антон]

Я отключал скролл у body, html, добавляя им overflow: hidden. А блоку контента добавлял скролл. Поначалу всё работает, но как достигается конец этого блока (причём, там не хватает до конца расстояния, равному высоте этой вкладки), то повторным движением вниз вкладка скрывается всё равно.

[Алексей Бурлака]

Антон Алексеевич: Проверил у себя. Я так и не поборол это. Я при открытии слоя навешивал событие на window.onresize+onscroll и проверял, нужно ли подкорректировать слой. Если у него top: 0 и bottom: 0, он должен сам подстраиваться.

[Антон]

Алексей Бурлака: буду дальше мучиться с этим. Если найду решение, то опубликую здесь.

[Алексей Бурлака]

Антон Алексеевич: Потестировал с утра. Если пользователь ещё не заскроллил внутрь документа (и закладка вверху видна), то overflow:hidden +(!) ограничение высоты «документа» (чтобы overflow как раз сработал) — у меня основной контент в общем div-е — даёт нужный эффект. Как не слайсь пальцами после этого, вкладка не пропадает, закреплена.

Но если пользователь уже внутри (и закладочка скрылась), то при описанном выше финте, если пользователь потянет пальцем вниз, появится вкладка и тогда уже исчезать не будет.

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

[Антон]

Алексей Бурлака: что очень грустно, так как при задержке пальца на экране после скролла видно пустое место под дивом с фиксированным позиционированием.