Custom Scrollbars

Unlike standard text, linebreaks cannot appear arbitrarily within blocks of code. Wide lines may be difficult to read within a narrow-screen mobile interface:

window.onload = function() {
  var aside = document.querySelector('#related');
  document.querySelector('#main').addEventListener('mouseup', function(event){
    var thresholdDec = 0.5;
    var totalHeight = event.currentTarget.scrollHeight;
    var tapHeight = event.layerY;
    var tapHeightDec = tapHeight / totalHeight;
    var minHeight = 360;
    if ( tapHeight < minHeight ) aside.className = '';
    if (tapHeightDec > thresholdDec ) {
      aside.className = 'visible';
    }
    else {
      aside.className = '';
    }
  });
};

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec feugiat gravida viverra. Vivamus ipsum felis, cursus sed venenatis nec, tempus ac tellus. Praesent luctus, risus eu vestibulum mollis, arcu mauris mollis ante, id mollis risus lectus ornare nisl. Aenean elementum arcu sed nibh faucibus pellentesque. Aliquam erat volutpat. Mauris tempor, urna at dignissim pellentesque, velit lacus dictum sem, non porttitor felis nulla nec risus. Donec a massa felis, a congue purus. Nullam et turpis diam. Aenean vestibulum egestas metus, eu sodales dolor venenatis quis. Aenean augue orci, facilisis et convallis ut, egestas at neque.