Сценарий:
- В iOS Chrome, когда пользователь прокручивает страницу вниз, адресная строка скрывается,
- , а затем пользователь щелкает ссылку, которая отображает всплывающее окно
В данный момент я хочу, чтобы адресная строка не отображалась независимо от того, прокручивает пользователь вверх или вниз во всплывающем окне.После закрытия всплывающего окна все возвращается на круги своя.
Согласно многим ссылкам, я установил свой тег на:
height: 100%;
overflow-y: hidden;
Чтобы предотвратить прокрутку тела, но не повезло ?
Я погуглил и обнаружил, что Airbnb может найти решение, как эта страница: page .
Сначала просто прокрутите страницу вниз, и вы увидитеадресная строка исчезнет.
Во-вторых, когда вы нажмете кнопку «Показать все 24 удобства», появится всплывающее окно.Прокрутка вниз и вверх адресной строки никогда не будет отображаться, пока вы не закроете всплывающее окно.
Я копаюсь в исходном коде, при нажатии на всплывающее окно происходит несколько вещей:
тег body:
overflow: hidden
popup-wrapper:
overflow-y: hidden !important;
position: fixed !important;
z-index: 2000 !important;
top: 0px !important;
right: 0px !important;
bottom: 0px !important;
left: 0px !important;
Но я все еще не могу решить проблему .. Кто-нибудь испытывает это?Надеюсь, вы можете указать, как достичь результата, как Airbnb, спасибо за помощь:)