[ 🏠 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: 1773530113271.jpg (278.85 KB, 1880x1255, img_1773530105129_sgswz6no.jpg)ImgOps Exif Google Yandex

05aad No.1291

Mobile users often experience jittery scroll behavior due to suboptimal CSS settings.
Instead of using `overflow: auto;` everywhere (which can cause issues), try this approach:
body {overflow-y: -webkit-scroll;}::-webkit-scrollbar {display:none! important}

This tweak hides the default scrollbar and uses a custom `-webkit-scroll`, which provides smoother scrolling on iOS devices.
Don't be fooled by initial complaints of "no scrollbars"! Users won't notice, but your site will perform better.
★★★ Smooth scrolls win every time ★★★
> Remember: Always test with real users across different device types and browsers before deploying changes.

Note the subtle difference in smoothness when you implement this trick. Try it out on a project today to see if smoother-scrolling can make all your mobile designs feel more polished!

05aad No.1292

File: 1773531265416.jpg (29.75 KB, 1880x1253, img_1773531251506_q10texzv.jpg)ImgOps Exif Google Yandex

>>1291
nice trick! gives a smoother scroll, right? tried it out and saw some real improvements on mobile definitely worth giving that project another look over with this in mind



[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">