Я использую position: fixed
на своем сайте, чтобы исправить панель навигации в порту просмотра, точно так же, как синяя панель Facebook, но когда мы попробовали ее на мобильных/планшетных устройствах (с их низкой вычислительной мощностью), эта фиксированная панель дает очень плохой результат. на производительность, что делает очень плохой пользовательский опыт при прокрутке,
мы использовали очень хорошие статьи для улучшения прокрутки, и они действительно это сделали, например:
- http://www.html5rocks.com/en/tutorials/speed/scrolling/
- http://www.html5rocks.com/en/tutorials/speed/unnecessary-paints/
- https://github.com/shichuan/javascript-patterns/blob/master/jquery-patterns/window-scroll-event.html
После множества модификаций, основанных на этих статьях, мы пришли к тому, что position: fixed
— единственное исследование, которое нам осталось улучшить.
Сайт имеет сверхгладкую прокрутку, когда мы меняем его на position: absolute
. Но с его исправлением прокрутка имеет очень плохой недостаток в том смысле, что может зависать браузер сафари на айпаде при прокрутке определенным образом, знали ли вы, как использовать position: fixed
с хорошей производительностью на планшетах/мобильных устройствах ?