Sprytny scroll dla Wykop.pl

Przewijanie mikrobloga

Dodaje możliwość przewjania wpisów na mikroblogu. Klawisze B i N przewijają stronę.
目前為 2018-05-13 提交的版本，檢視最新版本。
安裝腳本 ?
換行
// ==UserScript==
// @name        Przewijanie mikrobloga
// @namespace   http://www.wykop.pl/ludzie/Deykun
// @description Dodaje możliwość przewjania wpisów na mikroblogu. Klawisze B i N przewijają stronę.
// @author      Deykun
// @version     1.20
// @include     htt*.wykop.pl/mikroblog/*
// @grant       none
// @run-at			document-end
// ==/UserScript==

$(document).ready(function () {
  var $elements = $('#commentForm, div[data-type="entry"][data-id]:not(.media-content), .pager'),
      navHeight = $('#nav').height(),
      bodyHeight = $('body').height(),
      elemPos = [];

  $('body').append('<div style="position:fixed; width: 30px; height:30px; left: 0; top:'+(navHeight+70)+'px; left:5px; z-index:10;"> <button id="next"><i class="fa fa-chevron-down"></i></button></div>');

  function getY() {
    elemPos = [];
    navHeight = $('#nav').height();
    bodyHeight = $('body').height();

    $elements.each( function() {
      elemPos.push($(this).offset().top);
    });


    $('#next').css('top', (navHeight+60));
  };
  getY();


  function nextEntry(direction) {
    // Strona doładywuje wpisy po pewnym czasie
    if (bodyHeight !== $('body').height()) { getY(); }

    var y = window.pageYOffset;

    for (var i = 1, imax = elemPos.length; i < imax ; i++) {
      if (elemPos[i] > y+navHeight+1) {
        var distanceScroll = $elements.eq(i).offset().top-navHeight;
        if (direction === 'before') {
          if (i !== 0 && i !== 1) {
            distanceScroll = $elements.eq(i-2).offset().top-navHeight;
          } else {
            distanceScroll = y;
          }
        }

        var timeScroll = 800,
            diffScroll = (y-distanceScroll);

        if (diffScroll < 500) { timeScroll = 400; }
        else if (diffScroll > 1500) { timeScroll = 1200; }

        $('html, body').animate({
            scrollTop: distanceScroll
        }, timeScroll);
        break;
      }
    }
  }

  $(document).on('keyup', (e)=> {
      var ktrigger = e.target.tagName.toLowerCase();
      if (ktrigger != 'input' && ktrigger != 'textarea') {
        switch (e.which) {
          case 78:
            nextEntry();
            break;
          case 66:
            nextEntry('before');
            break;
        }
      }
  });

  $('#next').on('click', nextEntry);
});
欢迎访问Greasy Fork镜像
