Need continuous marquee scroll without gaps after the last line of marquee.

<!DOCTYPE html>

        <script src="" type="text/javascript"></script>
        <script src="//" type="text/javascript"></script>

        <style type="text/css">

            .marquee-vert {
              width: 300px;
              overflow: hidden;
              border:1px solid #ccc;

        <div class='marquee-with-options'>Lorem ipsum dolor END.</div>

    var $mwo = $('.marquee-with-options');
        //speed in milliseconds of the marquee
        speed: 500,
        //gap in pixels between the tickers
        gap: 5,
        //gap in pixels between the tickers
        delayBeforeStart: 0,
        //'left' or 'right'
        direction: 'up',
        //true or false - should the marquee be duplicated to show an effect of continues flow
        duplicated: true,
        //on hover pause the marquee - using jQuery plugin
        pauseOnHover: true

    //Direction upward
        direction: 'up',
        speed: 1500

    //pause and resume links


What is your question. Please create a demo on to explain what exactly you want.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.