Vertical Scrolling

Description

Vertical scrolling mode example with default values. You can easily invert the scrolling mode from top to bottom with the option key direction.

Javascript Example

Below is the equivalent javascript code using the pure vanilla js version of SuperScroll.

                                        
                                            
    new SuperMarquee( document.getElementById( "supermarquee" ), { "type" : "vertical" });
                                            
                                    
                                        
                                            
    <div id="supermarquee"></div>
                                            
                                    
                                        
                                            
     #supermarquee {
        color: #8089ff;
        font-size: 48px;
     }                                        
                                    

jQuery Example

The demo above is constructed with the jQuery version of this library. See the code below to find out more.

                                        
                                            
$( "#supermarquee" ).supermarquee({
    "type" : "vertical"
});
                                            
                                    
                                        
                                            
    <div id="supermarquee"></div>
                                            
                                    
                                        
                                            
     #supermarquee {
        color: #8089ff;
        font-size: 48px;
     }                                        
                                    

 

BACK