☰

Red Read Line

shows you how far you scrolled

// ==UserScript==
// @name        Red Read Line
// @namespace   http://q-garden.de/greases
// @description shows you how far you scrolled
// @include     http://*
// @include     https://*
// @include     ftp://*
// @version     1
// @grant       none
// ==/UserScript==

// load and execute from http://stackoverflow.com/q/6834930
var load,
execute,
loadAndExecute;
load = function (a, b, c) {
  var d;
  d = document.createElement('script'),
  d.setAttribute('src', a),
  b != null && d.addEventListener('load', b),
  c != null && d.addEventListener('error', c),
  document.body.appendChild(d);
  return d
},
execute = function (a) {
  var b,
  c;
  typeof a == 'function' ? b = '(' + a + ')();' : b = a,
  c = document.createElement('script'),
  c.textContent = b,
  document.body.appendChild(c);
  return c
},
loadAndExecute = function (a, b) {
  return load(a, function () {
    return execute(b)
  })
};
loadAndExecute('//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js', function () {
  $('body').append('<div id=\'redreadline\'></div>');
  
  var update;
  var scrollpos = 0;
  


  $(window).scroll(function () {
    $('#redreadline').css({"top":scrollpos, "opacity":"1"}).stop().clearQueue().fadeIn(0).fadeOut(500);
    clearTimeout(update);
    update = setTimeout(resetScroll, 300);
  });
  
  function resetScroll(){
    scrollpos = document.documentElement.scrollTop;
    //$('#redreadline').css({"top":scrollpos});
  }
  
  function addGlobalStyle(css) {
    var head,
    style;
    head = document.getElementsByTagName('head') [0]; 
    if (!head) {
      return;
    }
    style = document.createElement('style');
    style.type = 'text/css';
    style.innerHTML = css;
    head.appendChild(style);
  };
  addGlobalStyle('#redreadline{position: absolute; left:0; right:0; height:'+window.innerHeight+'px; width:100vw; margin:-3px; pointer-events:none; box-shadow: 0px 0px 15px 0px rgba(255, 0, 0, 1);opacity:0;}');
});