ios16css滚动背景颜色和边框颜色消失

html-css013

ios16css滚动背景颜色和边框颜色消失,第1张

系统故障。系统故障导致ios16css滚动背景颜色和边框颜色消失,是需要等待系统恢复的,CSS是CascadingStyleSheets的简称,中文称为层叠样式表。属性和属性值用冒号隔开,以分号结尾。

不光是css3,gif动画也是,不信你打开一个gif 滚动的时候看它还动不动。

iOS最先响应屏幕反应。响应顺序依次为Touch——Media——Service——Core架构,当用户只要触摸接触了屏幕之后,系统就会最优先去处理屏幕显示也就是Touch这个层级,然后才是媒体(Media),服务(Service)以及Core架构。

所以说,当系统接收到Touch事件之后会优先响应,此时会暂停屏幕上包括js、css的渲染。这个时候不光是css动画不动了,哪怕页面没有加载完如果你手指头还停留在屏幕上那么页面也不会继续加载,直到你的手松开。

解决办法有两个,各有瑕疵:

不要使用 scroll 事件(此事件会被暂停),而是采用 touchmove(此事件会在用户触屏滚动的时候不断触发)。瑕疵是,在结束触屏后惯性滚动的时间里,touchmove 无法被触发了(scroll 当然也不行);

基于上一种方法,在所有的 touchmove 事件中,强行 preventDefault 阻止掉事件,然后根据 event.pageY 来手工设置所滑动元素的 scrollTop 值。当然,这样一来就没有了惯性滚动。

你也可以在 touchend 之后,手工模拟惯性滚动,计算速度以及速度衰减,可以参考各种各样的滚动插件。

所谓弹性滚动就是指在翻动长页面手指离开时,有由慢到块,由快到慢的

安卓平台上的大多数浏览器都默认了该行为

ios当前还只对<body>下的 overflow 默认产生弹性滚动效果

因此我们在做图墙滚动的时候有时候会发现滚动会比较卡或者有阻塞的感觉

那么在非body下我们如何实现弹性滚动呢:

在想要滚动的父级元素上CSS属性

然后就可以愉快的做弹性滚动了