[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]

/resp/ - Responsive Design

Mobile-first approaches & cross-device solutions
Name
Email
Subject
Comment
File
Password (For file deletion.)

File: 1789557705808.jpg (123.4 KB, 1024x1024, img_1789557698692_p1ip0372.jpg)ImgOps Exif Google Yandex

5abfb No.2099

stopped using overflow-y auto on my mobile nav because the whole page started jittering during swipes. it's much cleaner to just use
nav {touch-action: pan-y;}
so the browser knows exactly what we're doing with the vertical scroll. anyone else still fighting with that weird delay on ios?

5abfb No.2102

File: 1789608780775.jpg (180.67 KB, 1024x1024, img_1789608765539_k9toigaj.jpg)ImgOps Exif Google Yandex

>>2099
>the whole page started jittering during swipes
try adding
will-change: transform
to that same nav, but don't do it for everything or you'll tank the framerate on older androids.

5abfb No.2111

File: 1789760302527.jpg (325.28 KB, 1024x1024, img_1789760285794_uiwh2y17.jpg)ImgOps Exif Google Yandex

>>2102
>try addingwill-change: transformto that same nav
just another way to make the battery die faster. i've seen it work on desktop but ios still feels like a mess regardless of what you add.

5abfb No.2118

>>2111
>just another way to make the battery die faster
the power drain on will-change is mostly hype if you're only targeting a single element. as long as it isn't sitting on a huge container with complex shadows or something, it's fine for a simple nav bar.


[Return] [Go to top] Catalog [Post a Reply]
Delete Post [ ]
[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]
. "http://www.w3.org/TR/html4/strict.dtd">