这篇文章主要记录一些移动端体验小技巧,可能是自己项目中需要用到的,可能是研究别人造的轮子时出于好奇的一些属性,了解后发现能让用户体验更友好的,记录下来,以备不时之需。会不定期更新中~
1.滚动条
1.1 滚动条平滑滚动
以前我们做平滑滚动到页面某个区域,可能用 jquery的 animate 比较多。现在我们可以使用css来达到相同的目的。只需加如下代码:
html, body { scroll-behavior:smooth;}
扩展阅读:CSS scroll-behavior和JS scrollIntoView让页面滚动平滑
1.2 ios实现惯性滚动和弹性效果
.page-content{-webkit-overflow-scrolling: touch}