CSS-липкая позиция не работает должным образом на мобильных устройствахCSS

Разбираемся в CSS
Anonymous
 CSS-липкая позиция не работает должным образом на мобильных устройствах

Сообщение Anonymous »

На моем веб-сайте OpenCart (2.3.0.2) есть кнопка с прикрепленной кнопкой корзины. Идея состоит в том, что есть только одна страница для заказа (всего несколько сэндвичей, никаких категорий и страницы продукта не требуется), поэтому я добавил кнопку корзины, которая остается в правом верхнем углу страницы:

Код: Выделить всё

#cart {
position: fixed;
top: 0;
right: 0;
}
Это работает на сайте для ПК, но на мобильном устройстве при прокрутке я получаю следующее:
Изображение
Как вы можете видеть в правом верхнем углу, кнопка немного прокручивается вверх. После этого кнопка прокручивается вместе со страницей.

Есть ли какие-либо решения этой проблемы?

Подробнее здесь: https://stackoverflow.com/questions/605 ... -on-mobile

Вернуться в «CSS»