положение: липкие прыжки при выборе опции - PullRequest
Новая
       21

положение: липкие прыжки при выборе опции

0 голосов
/ 11 июня 2018

Я пытаюсь использовать стиль CSS, позиция: липкая.Он отлично работает, за исключением случаев, когда элемент выбора становится активным.Страница прокручивается обратно к позиции липкого элемента. 

<div style="position: sticky; position: -webkit-sticky; top: 0;">
    <select>
        <option>Option</option>
    </select>
</div>

https://codepen.io/anon/pen/vrxVoy

Я не смог найти в Интернете ничего, что решило бы эту проблему.Кто-нибудь сталкивался с этим раньше и есть решение?

Спасибо!

Браузер: Chrome 67.0.3396.79

ОС: Windows 7 Home Premium.

Sticky работает, как и ожидалось, в Firefox.

Обнаружено сообщение об ошибке: https://bugs.chromium.org/p/chromium/issues/detail?id=805800#c9

1 Ответ

0 голосов
/ 12 июня 2018

Проблема в том, что он применяется к элементу формы.Когда вы нажимаете на элемент, браузер запрограммирован на его местоположение, если его базовое местоположение находится вне экрана.Firefox запрограммирован по-другому и делает это только в том случае, если сам элемент находится вне экрана.

Чтобы исправить это, попробуйте вместо этого использовать position:fixed;.Поскольку над элементом ничего нет, нет смысла использовать sticky.

...