我们在进行
网站开发过程中,还记得HTML吗元素吗,它已被弃用,所以当您需要某种水平自动滚动功能时一般都会考虑CSS,因为它拥有我们实现它所需的简单工具。
当我被要求制作一个自动滚动的徽标农场时,我不得不问自己:“你的意思是,像一个?“这不是最奇怪的要求,但一想到让人想起地理城市统治的“旧”网络时代。接下来是什么,一个重复的闪闪发光的独角兽GIF背景。不再推荐使用此功能。尽管一些浏览器可能仍然支持它,但它可能已经从相关的web标准中删除,可能正在被删除,或者可能只是出于兼容性目的而保留。
因为无论无限滚动功能是什么我们肯定可以在CSS中取得成功。但是当我研究例子来帮助指导我时,我惊讶地发现几乎没有什么。也许自动滚动元素现在并不流行。也许自动滚动行为的纯粹性质足以成为可访问性的危险信号。无论如何,我们有工具来做这件事,我想分享一下我是如何做的。这是可以用许多不同的方式完成的事情之一,利用许多不同的CSS功能。尽管我不打算详尽地探索所有这些问题,但我认为看到其他人的思维过程是一件很好的事情。
正如我提到的,我试图寻找一些想法。虽然我没有找到我正在寻找的东西,但我确实找到了一些提供灵感火花的演示。我真正想要的是只使用CSS而不必“克隆”字幕项目。但我还有别的追求。我想要的是尽可能少的HTML,也就是说,不需要复制标记来创建图像数量无穷的印象。换句话说,我们应该能够创建一个无限滚动的图像系列,其中图像是“marquee”容器中唯一的子元素。