你有没有过这样的体验?用手指轻轻滑过手机屏幕,内容如流水般自然滚动,没有那条常常碍眼的滚动条,一切都那么顺畅自然。这就是隐藏了滑动条的 scroll-container(滚动容器)带来的美妙之处。它像是设计者藏在界面里的小魔法,不张扬,却让你用起来格外舒服。
说起来,滚动条本来是个实用的东西,告诉我们还有更多内容藏在屏幕之外。但它有时候真的有点“抢戏”,就像在一幅精美的画上突然多出一个突兀的签名。于是我们学会了用几句 CSS 代码让它悄悄隐身:“你就安心工作,但不必现身了”。这不是偷懒,而是希望内容自己能说话。
做前端的同事肯定知道,想让所有浏览器都乖乖隐藏滚动条得费点心思。不同浏览器各有各的脾气,这个认这个属性,那个只认那种写法。但为了那一点完美,我们愿意多写几行代码,就像是给不同性格的朋友准备不同礼物,只为了大家都开心。
在手机上,隐藏滚动条的设计尤其合适。我们的手指天生就会滑动、点击,根本不需要一条线来提醒我们“这里可以滚动”。当你无意识地滑动社交媒体信息流时,有没有注意到,你已经完全沉浸在内容里,而忘了自己正在操作一个技术产品?这就是设计的成功之处——它让你专注内容,而非界面。
不过,这种设计也需要动点脑筋。如果用户完全不知道可以滑动,那再好的设计也白搭。所以我们会稍微露出一点下一张图片的边缘,或者在文字末尾加上淡淡的渐变,像是悄悄对用户说“继续滑,后面还有哦”。这种微妙的提示就像好朋友之间心照不宣的眼神交流,不必大声嚷嚷,彼此都懂。
在这个信息爆炸的时代,我们每天都在滑动无数内容。一个好的滚动容器设计,就像是贴心的管家,默默整理好一切,却不抢主人的风头。它知道什么时候该出现,什么时候该隐退,让内容成为主角,让自己成为那个幕后英雄。
说到底,技术不是为了炫技,而是为了让人感觉不到技术的存在。那个被隐藏的滚动条,其实就是设计者对用户的温柔承诺:“我会处理好一切,你只需享受内容就好”。每次无声的滑动,都是技术与人文的一次完美共舞。

scroll-view中使用textarea,输入时内容高度超出scroll-view高度键盘就会自动收起,有办法解决吗。
代码片段
https://developers.weixin.qq.com/s/vjB710mv8B3q