title: How to scroll text smoothly using HTML5
body: <p>I want to scroll a single line of text smooth as possible</p>
  
  <p>My target device is a 1920 x 120 resolution with no input. (no keyboard or mouse). It has an Underpowered CPU.</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;News&lt;/title&gt;
          &lt;script src="http://code.jquery.com/jquery-1.9.1.min.js"&gt;&lt;/script&gt;
          &lt;script&gt;
              $(function() {
                  $.get('data.txt', function(data) {
                      $('#text-file-container').html(data);
                  });
              });
          &lt;/script&gt;
          &lt;link rel="stylesheet" href="content.css"&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
      &lt;div id="scroll"&gt;
              &lt;h1&gt;
                  &lt;marquee behavior="scroll" direction="left" scrollamount="15" id="text-file-container"&gt;&lt;/marquee&gt;
              &lt;/h1&gt;
      &lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I've tried a JS library i found online but it was performing very poorly
  I am open to suggestions</p>