在任意按键时滚动文本HTML CSS JS

<div id="scrolling-text">这是滚动的文本内容</div>

#scrolling-text {
  width: 200px;
  height: 50px;
  overflow: hidden;
}

#scrolling-text p {
  animation: scroll 5s linear infinite;
}

@keyframes scroll {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}

document.addEventListener('keydown', function(event) {
  var scrollingText = document.getElementById('scrolling-text');
  if (scrollingText.style.display === 'none') {
    scrollingText.style.display = 'block';
  } else {
    scrollingText.style.display = 'none';
  }
});