<view id="medialist" class="medialist" style="position: fixed;top:0;overflow: auto;height: calc(100pv);">
<view id="media" style="list-style-type: none;">
<view style="list-style-type: none;"><image src="../../static/223.png"></image></view>
<view style="list-style-type: none;"><image src="../../static/223.png"></image></view>
<view style="list-style-type: none;"><image src="../../static/223.png"></image></view>
<view style="list-style-type: none;"><image src="../../static/223.png"></image></view>
<view style="list-style-type: none;"><image src="../../static/223.png"></image></view>
<view style="list-style-type: none;"><image src="../../static/223.png"></image></view>
<view style="list-style-type: none;"><image src="../../static/223.png"></image></view>
<view style="list-style-type: none;"><image src="../../static/223.png"></image></view>
<view style="list-style-type: none;"><image src="../../static/223.png"></image></view>
</view>
</view>
#media{
animation:rolling 20s infinite linear;
}
#media:hover{
animation-play-state:paused;
}
@keyframes rolling{
0%{
transform: translateY(0);
}
100%{
transform: translateY(-800px);
}
}