用CSS做文字向上移动的轮播

最新推荐文章于 2024-02-21 10:22:31 发布

原创最新推荐文章于 2024-02-21 10:22:31 发布 · 4.2k 阅读

2 ·

CC 4.0 BY-SA版权

css 专栏收录该内容

17 篇文章

订阅专栏

本文探讨了使用HTML的marquee元素创建滚动文字时遇到的问题，特别是在iOS设备上的性能表现不佳，并建议采用更现代的技术如Swiper来实现流畅的轮播效果。

 <div style="width:200px; height:300px">
    <marquee direction="up" truespeed="truespeed" height="300px" behavior="scroll" scolldelay="200">
        <p>hellohellohellohellohellohellohellohellohellohello</p>
        <p>hellohellohellohellohellohellohellohellohellohello</p>
        <p>hellohellohellohellohellohellohellohellohellohello</p>
    </marquee>
</div>

但是这个做法在某些地方会有明显卡顿，例如IOS中，还是建议使用swiper制作轮播效果