JSFiddle - React, Tailwind, and code Playground

by smash120

HTML

<div id="news_scroller" class="frame">
    <p>
        <a href="">
            Senior Support Help Line 
        </a><br />
        <span>
            A Senior Support Help Line for residents 60 years and older is now available Monday - Friday, 8am to 6pm. 1-800-235-9980
        </span>
    </p>
    <p>
        <a href="">
            Landlords: Carbon Monoxide Poisoning Act of 2010
        </a><br />
        <span>
            Effective July 1, 2011 carbon monoxide devices must be installed in al single-family dwellings. All other dwelling units must have carbon monoxide devices installed by January 1, 2013. Click for more information
        </span>
    </p>
    <p>
        <a href="">
            AHA Receives "High Performer" Rating from HUD
        </a><br />
        <span>
            This is the 5th consecutive year that the Area Housing Authority has earned this distinction.
        </span>
    </p>
    <p>
        <a href="">
            What Units Are Available?
        </a><br />
        <span>
            The Area Housing Authority owns and manages several hundred housing units across the county.
        </span>
    </p>
    <p>
        <a href="">
            The Area Housing Authority Receives Clean Financial Report
        </a><br />
        <span>
            The Area Housing Authority’s financial numbers are accurate and meet generally accepted accounting standards, a new independent audit report shows.
        </span>
    </p>
    <p>
        <a href="">
            Stimulus Package Brings Benefits to County’s Lowest Income Residents
        </a><br />
        <span>
            The recently approved stimulus package is anticipated to provide over $600,000 in energy improvements...             
        </span>
    </p>
    <p>
        <a href="">
            <strong>Sign Up For Announcements via E-mail</strong>
        </a><br />
        <span>
            Click above link to sign up now for future announcements including waiting list opening...

CSS

.frame {
    font:12px arial;
    height:500px;
    border:none;
    overflow:hidden;
    padding:5;
width:200px;
}

JavaScript

i = 0
var speed = 1

function scroll() {
    i = i + speed
    var div = document.getElementById("news_scroller")
    div.scrollTop = i
    if (i > div.scrollHeight - 160) {
        i = 0
    }
    t1 = setTimeout("scroll()", 100)
}