Как я могу предотвратить запуск горизонтального анимированного тикера на страницах перезагрузки - PullRequest
Новая
       9

Как я могу предотвратить запуск горизонтального анимированного тикера на страницах перезагрузки

0 голосов
/ 11 апреля 2019

В приведенном ниже коде я использую @ -keyframe и анимацию для создания горизонтального текстового тикера.Всякий раз, когда я перезагружаю страницу или перехожу на другую страницу, тикер начинается заново.Как сделать так, чтобы тикер продолжал непрерывно, независимо от перезагрузок страницы? 

.ticker_text {
  position: relative;
  color: #d5d5d5;
  font-family: helvetica;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 1px;
  -webkit-animation: mymove 30s infinite;
  animation-timing-function: linear;
  animation-play-state: running;
  padding-top: 8px;
}

@-webkit-keyframes mymove {
  0% {
    left: 2000px;
  }
  100% {
    left: -1000px;
  }
}
<div class="ticker">
  <p class="ticker_text">Local Weather - News - Information - Networking - Events . . .</p>

  <p class="ticker_text">Tell us what <em>YOU</em> want in this website by clicking on <span class="ticker_text_green">Suggestion"</span> above . . .</p>
</div>
...