下面是一个简单的无缝滚动的JavaScript案例:
<!DOCTYPE html>
<html>
<head>
<style>
#container {
width: 200px;
height: 200px;
overflow: hidden;
}
#content {
width: 400px;
height: 200px;
white-space: nowrap;
animation: scroll 10s linear infinite;
}
#content:hover {
animation-play-state: paused;
}
@keyframes scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-200px);
}
}
</style>
</head>
<body>
<div id="container">
<div id="content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam commodo semper tellus, vel tempus elit rutrum ac. Suspendisse eget efficitur lorem. Proin eget orci sem. Curabitur laoreet purus sed leo facilisis, nec feugiat lorem ferm