做一个循环滚动效果，但是接入请求后的数据，CSS的动画样式无法渲染，在点击其他页面，再返回后，就可以正常滚动了，目前模拟器没问题！
样式代码：
.real-timeData {
height:auto;
/* height: 500rpx; */
position: relative;
display: flex;
flex-direction: column;
-webkit-animation: 20s rowup linear infinite normal;
animation: 20s rowup linear infinite normal;
}
@-webkit-keyframes rowup{
0% {
-webkit-transform: translateY(0);
}
100% {
-webkit-transform: translateY(-100%);
}
}
@keyframes rowup {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-100%);
}
}
因为数据高度不确定，所以设置高度样式为：
height:auto;
找到原因就是因为高度设置为auto,如果设置一个固定值就没问题，大佬们，有什么好的建议吗？也不知道是不是BUG
倒腾个代码片段可以吗
<view class="real-list"><view class="real-timeData" style="animation-duration:{{realTimeDataList.length*4}}s;"><view class="real-timeData-item" wx:for='{{realTimeDataList}}' wx:key="{{index}}"><text>{{item.Name}}</text><text>{{item.DataDes}}</text></view></view><view class="real-timeData" style="animation-duration:{{realTimeDataList.length*4}}s;"><view class="real-timeData-item" wx:for='{{realTimeDataList}}' wx:key="{{index}}"><text>{{item.Name}}</text><text>{{item.DataDes}}</text></view></view></view>wxml代码也复制过来了！请求随便搞个什么请求数据都可以，但是数据长度各不一样，所以要自适应高度，但是第一次页面加载时候没有动画，大佬有什么好的解决方案吗？这个代码片段哦
min-height试试
照你这么说的话，应该是以为初次渲染没有高度，而导致没有动画产生，可以使用小程序的动画方法，来实现
真机上就是初次加载不会动，开发者工具倒是没问题，一定要设置高度就都没得问题