title: scrolling the advertisements from bottom to top
body: <p>Need to scroll the text from bottom continuously same as notice board adds as of now it is scrolling from bottom to top but the text is combined .It should work same as how notice board list scroll from bottom.Their are so many notices so it should display one by one by scrolling .</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.marquee {
    height: 100px;
    overflow: hidden;
    position: relative;
  }
  
  .marquee p {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    line-height: 50px;
    text-align: center;
    /* Starting position */
    -moz-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    /* Apply animation to this element */
    -moz-animation: scroll-up 5s linear infinite;
    -webkit-animation: scroll-up 5s linear infinite;
    animation: scroll-up 5s linear infinite;
  }
  
  
  /* Move it (define the animation) */
  
  @-moz-keyframes scroll-up {
    0% {
      -moz-transform: translateY(100%);
    }
    100% {
      -moz-transform: translateY(-100%);
    }
  }
  
  @-webkit-keyframes scroll-up {
    0% {
      -webkit-transform: translateY(100%);
    }
    100% {
      -webkit-transform: translateY(-100%);
    }
  }
  
  @keyframes scroll-up {
    0% {
      -moz-transform: translateY(100%);
      /* Browser bug fix */
      -webkit-transform: translateY(100%);
      /* Browser bug fix */
      transform: translateY(100%);
    }
    100% {
      -moz-transform: translateY(-100%);
      /* Browser bug fix */
      -webkit-transform: translateY(-100%);
      /* Browser bug fix */
      transform: translateY(-100%);
    }
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class=" marquee"&gt;
  
    &lt;p&gt;Patient information management.&lt;/p&gt;
    &lt;p&gt;Doctor information management.&lt;/p&gt;
    &lt;p&gt;User management.&lt;/p&gt;
    &lt;p&gt;Pathology.&lt;/p&gt;
    &lt;p&gt;Ward management&lt;/p&gt;
    &lt;p&gt;Pharmacy&lt;/p&gt;
  
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Jsfiddle link added css here <a href="http://jsfiddle.net/f1on2ejp/3/" rel="nofollow noreferrer">http://jsfiddle.net/f1on2ejp/3/</a></p>