Main

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam at consectetur velit. Quisque at diam urna. Maecenas sed tortor eget est sagittis laoreet. Nullam sit amet nibh lorem. Praesent ac diam et magna lobortis ornare. Nulla facilisi. Phasellus mi odio, imperdiet vitae vulputate elementum, bibendum id mauris. Nam quis congue augue. Donec faucibus vestibulum magna, vel scelerisque tortor iaculis id. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Maecenas a nibh lectus, id semper augue. Aenean venenatis tincidunt commodo. Ut convallis ligula et urna ornare ultricies. Donec ut lacinia odio. Praesent vulputate turpis libero. Mauris tincidunt ante arcu. Nulla facilisi. Nullam quis turpis leo, feugiat laoreet lectus. Curabitur massa leo, dignissim id hendrerit nec, aliquam ac massa. Suspendisse potenti. Pellentesque ornare, dui vitae interdum porttitor, leo quam eleifend diam, vitae dictum lacus sapien ut lacus. Integer sed eros arcu.

Aenean porttitor pellentesque purus, sed pharetra purus commodo nec. Fusce varius nisi vel enim varius pellentesque. Maecenas vitae enim a orci euismod dictum. Donec at ligula dolor, in sodales diam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vitae diam tortor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse consectetur hendrerit mollis.

Proin eu ligula velit, quis hendrerit elit. Integer eu dolor et mi viverra vulputate et sit amet nulla. Nulla eget eros et justo placerat rutrum at ut est. Suspendisse ut nisl vel magna varius tempus non ut ante. Maecenas non odio non velit mollis tincidunt in at diam. Ut enim mi, commodo non placerat quis, euismod id purus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin tempus commodo mi, nec pharetra nisi faucibus scelerisque. Proin vehicula mi vulputate sem facilisis at sodales ante pretium.

Aenean sed nisi urna. Mauris pretium vulputate quam, id vulputate est scelerisque quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget sem nunc, at fringilla ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis adipiscing hendrerit. Nunc tempor, magna vitae viverra venenatis, neque quam dignissim est, ac tempor neque quam et eros. Mauris consectetur nulla quam. Phasellus ante est, volutpat vitae sollicitudin porttitor, fringilla vel dolor. Donec vestibulum iaculis cursus. Ut ut nisi eu felis pretium gravida sit amet sit amet risus. Aenean eros lorem, fringilla ac tempus ut, feugiat hendrerit mauris. Nulla facilisi.

0%

Usage

$('#news').vScroller({ 
    width: 300, 
    height: 400, 
    onScroll: function(args) {} 
});

// option: default value
width: '100%'
height: 400
delta: 5                  (wheel delta)
barMinOpacity: .3         (mouse out)
barMaxOpacity: .8         (mouse over)
barWidth: 6
barHeight: 40
barBackground: 'black'    (CSS background)
barRadius: 8              (CSS border-radius)
barPosition: 'right'      (right | left)
onScroll: function(args)  ({ pct [int], y [int] })

// keys support (on mouse over)
HOME, END, UP, DOWN, PGDOWN, PGUP
                

Thanks for read me!