如何用原生JS制作目录滚动到指定位置的动画效果？
- 内容介绍
- 文章标签
- 相关推荐
本文共计1008个文字，预计阅读时间需要5分钟。
分享一个用原生JS实现的文字滚动效果，这种效果常用于网页中展示新闻、动态、记录等信息。效果如下：
实现代码如下：
文字滚动效果 .marquee { width: 100%; overflow: hidden; white-space: nowrap; box-sizing: border-box; } .marquee-content { display: inline-block; padding-left: 100%; animation: marquee 10s linear infinite; } @keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } 这里是文字滚动内容，这里可以显示新闻、动态、记录等信息。
本文共计1008个文字，预计阅读时间需要5分钟。
分享一个用原生JS实现的文字滚动效果，这种效果常用于网页中展示新闻、动态、记录等信息。效果如下：
实现代码如下：
文字滚动效果 .marquee { width: 100%; overflow: hidden; white-space: nowrap; box-sizing: border-box; } .marquee-content { display: inline-block; padding-left: 100%; animation: marquee 10s linear infinite; } @keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } 这里是文字滚动内容，这里可以显示新闻、动态、记录等信息。