[已解决]css动画问题

时间：2019-05-04 来源：小程序工厂

如题，怎么做一个简单的淡入淡出效果，就是显示和隐藏的那种，目前用的都是wx:if="{{show}}"做的控制，忽然显示忽然隐藏体验很不好。。。CSS动画又看不懂。。。

微信小程序开发问题解答

微信小程序开发者回答：

去百度 css淡入淡出。。

微信小程序开发者回答：

你知道为啥微信小程序不支持css @supports 语法吗

微信小程序开发者回答：

噗嗤。。不知道哦。。这你要问官方了哎
话说，你用这个是来做啥的啊？微信小程序里自带一些css语法兼容

微信小程序开发者回答：

我问了，官方人员没看到，感觉石沉大海，社区也没有一个邀请回答的功能，我要用css @supports去为不支持position:sticky的机型做兼容处理

微信小程序开发者回答：

哦哦哦确实，部分安卓机器不支持。。我直接用代码写的 position:sticky效果。用的相交状态监听，写法还比较简单，就是在模拟器上比较难看，真机上还不错

微信小程序开发者回答：

现在就是兼容处理了，往后的android机型应该都支持，就是华为的一些机器webview内核版本太旧，不支持。我之前也是用相交状态监听给要吸顶的元素，当不可见时fixed处理的，可是这样有一点就是fixed之后它就一直处于可见状态，没法触发取消fixed的监听回调了，你是怎么处理的。

微信小程序开发者回答：

我就是绝对定位在顶部的一个，设置他的透明度

微信小程序开发者回答：

我是用的scroll-view，然后这个东西放在scroll-view外面的

微信小程序开发者回答：

是观察scroll-view内部元素的相交状态，然后在回调里动态设置scroll-view外边fixed定位的顶部的透明度吗

微信小程序开发者回答：

对对对！我这描述。。因为我屏蔽了页面本身的滚动，所以我用的 absolute。fixed有时候会有bug，不知道你遇见过没

微信小程序开发者回答：

这倒是没，只不过就是setData的时候延迟有点大,往往滑了一小段距离了才fixed上去。

微信小程序开发者回答：

应该是跟页面有关，有的安卓机器上，scroll会积累很多事件下来

微信小程序开发者回答：

我因为必须会用到scroll监听事件，再加上相交状态监听和现有布局会不适用，所以索性就也挂载在scroll事件下处理吸顶。要是能用@supports 我就能在不影响能用sticky的机型写个兼容的布局，然后通过状态监听来减少scroll事件的处理逻辑了。就是用的话会编译不过去，我寻思不应该会不支持的。

微信小程序开发者回答：

去多发俩贴吧。。官方总能看见的。。

微信小程序开发者回答：

就是就是，我每次发的官方都能看到

本文网址：http://www.91bianli.com/weixinxiaochengxu/51077.html

上一篇：[已解决]pull failed

下一篇：[已解决]参数正确，接口支持，网站为什么无法分