Options - Up


var scrollPanel1 = new zeu.ScrollPanel(
  document.getElementById('scroll-panel-1'), {
    isUp: true
  });

setInterval(function() {
  var message = document.createElement('div');
  message.innerHTML = 'time_' + Date.now();
  message.style.cssText = 'margin: 10px; padding: 10px; color: white; background-color: ' + getRandomColor() + ';';
  scrollPanel1.push(message);
}, 500);
    

Options - Down


var scrollPanel2 = new zeu.ScrollPanel(document.getElementById('scroll-panel-2'));
scrollPanel2.isUp = false;
setInterval(function() {
  var color = 'margin: 3px; padding: 3px; color: white; background-color: ' + getRandomColor() + ';';
  scrollPanel2.pushText('time_' + Date.now(), color);
}, 500);