Username:

Password:

Remember Me?

User Scripts

Title:

Scroll Paging

Date Added:

2009-07-07 10:27:31

Installs:

933

Description:

*UPDATED! Bigger increases!* When using the scrollwheel on a webpage which has a number in its URL, scrolling beyond the page's start or end will load the webpage where the last number is increased or decreased by one. In other words, it will try to load the page where the page index is increased or decreased. (if the index was the last number in the URL, that is).
It will cause a small progress bar to appear (see image), that indicates how far you have to scroll to initiate the new page's loading. (If you want to make this distance shorter or longer, decrease or increase the value 'SCROLLS' in the code of the script.)
*LAST UPDATE* If you hold one of the numeric keys on your keyboard (0 to 9), it will increase the index not by 1, but by 10 times the value of the key (and for key 0 even 100!). So, let's say a website pages with items of 20 and its URL ends with ...index=20. If you scroll and hold the '2'-key, the index will increase to 40! When you hold one of those numeric keys, the progress bar turns red, to indicate you are increasing with POWER! :)

When you find that the progress bar appears when it shouldn't (e.g. because you are scrolling inside some sub-element of the page that was generated dynamically), just click anywhere in the page, and try again! The script will detect the new sub-element, and not do its thing when it shouldn't. :)
Please let me know (in the comments) of any other troubles you may experience with this script!

Cheers,
Protector one

Preview of Scroll Paging

View script source of Scroll Paging

// ==UserScript==
// @name         Scroll Pager
// @namespace    http://iescripts.org
// @author       Protector one
// @include      *
// @description  Auto-loads next/previous page by scroll-wheeling beyond a page's end/start.
// @date         7-7-2009
// @version      1.5
// ==/UserScript==

(function(){
  function removeProgbar(){
    var pb = document.getElementById('progbarP1');
    if (!pb) return;
    pb.parentNode.removeChild(pb);
  }
  function attachProgbar(down){
    initialDown = down;
    if(!document.styleSheets.length)
      document.body.appendChild(document.createElement('style'));
    if (bc){
      var scrollnow = document.body.scrollTop;
      document.styleSheets[0].addRule('v\:rect','behavior:url(#default#VML)');
      document.body.scrollTop = scrollnow;
    }else{
      document.styleSheets[0].addRule('v\:rect','behavior:url(#default#VML)');
    }
    var prog = document.createElement('div'),
        ps = prog.style;
    prog.id = 'progbarP1';
    ps.position = 'absolute';
    down? ps.bottom = 120-(bc? document.body.scrollTop: document.documentElement.scrollTop): ps.top = 20;
    ps.right = 50;
    prog.innerHTML = '<v:rect style="position:absolute;width:30px;height:102px;" ></v:rect>'+
      '<v:rect id="inbarP1" style="position:absolute;left:1px;top:'+(down?1:101-Math.floor(100/SCROLLS))+'px;width:28px;height:'+
      (100/SCROLLS)+'px;" fillcolor="'+(!pressed? blueNormal: redNormal)+'" strokecolor="'+(!pressed? blueNormal: redNormal)+'"></v:rect>';
    document.body.appendChild(prog);
  }
  function advanceProgbar(down){
    var pbCont = document.getElementById('inbarP1');
    if (!pbCont) return;
    if (down){
      pbCont.style.height = groundpound*100/SCROLLS;
    }else{
      var sec = Math.floor(groundpound*100/SCROLLS);
      pbCont.style.top = 101 - sec;
      pbCont.style.height = sec;
    }
  }

  function scroller(){
    if (firstscroll){
      firstscroll = false;
      getScrollables();
    }
    var wheel = event.wheelDelta;
    if (groundpound > 0 && (wheel < 0) != initialDown){
      removeProgbar();
      groundpound = 0;
      window.scrollBy(0,wheel);
      return;
    }
    didscroll = true;
    ival = setTimeout(function(){scrollerPart2(wheel);},10);
  }
  function scrollerPart2(wheel){
    if (!didscroll || working) return;
    var nin, inc, bar,
        scrolldown = wheel < 0;
    if (groundpound++ == 0){
      attachProgbar(scrolldown);
    }else{
      advanceProgbar(scrolldown);
    }
    clearTimeout(reminv);
    reminv = setTimeout(function(){
      removeProgbar();
      groundpound = 0;
    },1300);
    if (groundpound < SCROLLS){
      return;
    }
    working = true;
    bar = document.getElementById('inbarP1');
    bar.fillcolor = bar.strokecolor = !pressed? blueWorking: redWorking;
    document.body.style.cursor = 'wait';
    if (pressed){
      inc = 10*(pressed-48)
      if (inc == 0) inc = 100;
    }else{
      inc = 1;
    }
    nin = parseInt(num,10) + (2*scrolldown-1)*inc;
    if (nin<0) nin += 10*inc;
    nin += '';
    if ((diff = num.length - nin.length) > 0) nin = (Math.pow(10,diff)+'').slice(1) + nin;
    location.href = url+nin+opurl;
    document.onmousewheel = null;
    return;
  }
  function checkScroll(){
    if (!didscroll) return;
    didscroll = false;
    if (groundpound == 0) return;
    removeProgbar();
    groundpound = 0;
  }
  function getScrollables(){
    for (var x in document.all){
      if (!(x in scrollables) && document.all[x] &&
          document.all[x].scrollHeight && document.all[x].clientHeight &&
          document.all[x].scrollHeight > document.all[x].clientHeight &&
          document.all[x].attachEvent){
        document.all[x].attachEvent('onscroll',checkScroll);
        scrollables[x] = 0;
      }
    }
  }
  function clicked(){
    firstscroll = true;
  }
  function keydown(){
    var bar, key = window.event.keyCode;
    if (key >= 48 && key <= 57){
      pressed = key;
      if (!working && (bar = document.getElementById('inbarP1')))
        bar.fillcolor = bar.strokecolor = redNormal;
    }
  }
  function keyup(){
    var bar, key = window.event.keyCode;
    if (key >= 48 && key <= 57){
      pressed = false;
      if (!working && (bar = document.getElementById('inbarP1')))
        bar.fillcolor = bar.strokecolor = blueNormal;
    }
  }
  
  var reminv, nin, min, diff, url, num, opurl, zeros, oldload, ival, initialDown, pressed,
      SCROLLS = 5, // change this value to scroll more/less
      blueNormal =  '#8888FF',
      blueWorking = '#5555FF',
      redNormal = '#FF8888',
      redWorking = '#FF5555',
      scrollables = {},
      didscroll = false,
      firstscroll = true,
      bc = document.compatMode=='BackCompat',
      groundpound = 0,
      working = false,
      index = location.href.replace(/#.*/,'');
  index = index.match(/(.+?)([0-9]+?)([^0-9]*?)$/i);
  if (!index || index.length < 3) return;
  url = index[1];
  num = index[2];
  opurl = index[3];
  opurl = opurl.replace(/#.*$/,'');
  window.attachEvent('onscroll',checkScroll);
  window.document.attachEvent('onmousewheel',scroller);
  window.document.attachEvent('onclick',clicked);
  window.document.attachEvent('onkeydown',keydown);
  window.document.attachEvent('onkeyup',keyup);
})();

Comment of Scroll Paging

	[2009-05-26 14:24:19]Protector0ne says:
	An example site where you can test the script: http://www.opensource.org/blog/8?page=1 (Disclaimer: I have no idea if it is a good blog, or anything! I don't know it! I just know that my script works on it... ;))

	[2009-05-27 01:16:52]Protector0ne says:
	I just found out that IE8 doesn't support VML (which the script uses for the scrollbar graphic) in non-quirksmode. This means the script won't work for most pages in IE8. :/ I will look into this.

	[2009-06-03 10:35:29]Protector0ne says:
	Version 1.1 fixes the issues it had with IE8! Yay! (I.e., as far as I know, it now works perfectly.) For those interested, it isn't that IE8 doesn't support VML in strict mode, it's just extra, ahem... 'strict' about it! :D My code only needed 'px' characters included at all dimension values.

	[2009-06-05 07:25:21]Protector0ne says:
	Bwah... IE8 has this bug that sometimes causes scrolling to be cancelled when onMouseWheel is set. This causes scrolling up to handle differently than I wanted (but it works). In IE7 or in quirksmode, it works as intended, though. :/

	[2009-06-06 07:39:11]Protector0ne says:
	Version 1.2. The Generic Auto Pager is now loads more Generic! See the description for details.

	[2009-06-07 08:28:29]Protector0ne says:
	Version 1.2.1. Fixed that little scrolling quirk in Strict mode. Awesome. (Totally superficial update, this.)

	[2009-06-08 11:26:55]Protector0ne says:
	Version 1.3 has some pretty cool new features! The script now also works when the page doesn't have a scrollbar. Also, the script won't work when you are scrolling some element other than the page itself (for example, a textarea containing long text). I promise this will be the last update for now! (Unless something breaks, of course...)

	[2009-06-23 00:13:35]netsonicyxf says:
	I tried this Generic Auto Pager and also Firefox's Auto pager, to be frank, Generic Auto Pager has lots of things to do. Hope it doesn't offense the author.

	[2009-06-23 03:19:23]Protector0ne says:
	No offense taken! But if I recall correctly, FireFox' Auto Pager is a completely different product. The name 'Auto Pager' is wrongly chosen for it, as it is more along the lines of an 'auto in-line page loader'. Could you please tell me what sort of 'things' you would like from this Generic Auto Pager?

[2009-06-23 18:58:56]netsonicyxf says:

Here is the official Firefox Auto Pager description: AutoPager automatically loads the next page when you reach the end of the page. It works on a ton of sites, like Google,Yahoo .......
This add-on works well with most other add-ons like adblock plus, WOT and most of the greasemonkey scripts.

The Firefox autopager works for almost all the websites, BBS that I visit without additional configuration (It has lots of site-specific rules that the auto pager fans contribute). For "Generic Auto Pager ", it works on only some websites.

As a user, I'm more concerned about how effectively this plug-in works.

	[2009-06-24 02:58:19]Protector0ne says:
	Well this plugin only works when the site uses specific page numbers in its URL. I'm aware it now doesn't work with pages that use a number of posts instead of a page number in their URLs, but it would be difficult to determine what pages do. Could you give me one or more examples of sites where you would like Generic Auto Pager to work?

	[2009-06-24 14:15:00]Protector0ne says:
	Version 1.3.1 update. I accidentally forgot the radix parameter of parseInt. Thus, until now, the pager could only 'page' until page 8. Oops. :P

	[2009-06-25 13:32:44]netsonicyxf says:
	Here is one BBS that the "Generic Auto Pager " doesn't work properly http://forums.slickdeals.net/forumdisplay.php?f=9 When scroll to the bottom of this forum "Hot Deals", it doesn't goes to the next page of "Hot deals", instead, it goes to the next scction "Coupon"

[2009-06-26 05:38:54]Protector0ne says:

Yes, that's annoying. This problem could be solved by introducing auto-discovery of 'next'-links, but frankly, that's beyond the scope of the script at this moment.
For the example you provided though, you could use the link:

http://forums.slickdeals.net/forumdisplay.php?f=9&page=1

As this URL includes the paging element (and has it at the end), the Auto Pager can successfully load the next page.

[2009-06-29 11:15:28]JarC says:

All to familiar problem with forums, small tip to prevent some typing... if there's more than one page, there's also a page navigator in top to go the next page. Most all of the forums I've come accross, if you pagenext and pageback, the &page=1 often is added.

The reason for this post is however a suggestion :) In kind of an intuitive, automatic way, I rolled back up wanting to naviage backward to the previous page...didn't happen.

Would be cool if you could decrement the page number by scrolling to the top...

Join Iescripts for a free account, or Login if you are already a member.
Username: Password:

Install Script

Download Script

Add To favorite


Written by


Name:	Protector0ne
Scripts:	19
Styles:	1
Plugins:	0
Tags

Auto Pager pagination scroll scrollwheel

About IE7Pro
IE7Pro is a plugin for the Internet Explorer web browser. It allows you to change how your favorite pages behave and look. There are many scripts that have already been written, and if you know javascript you can easily create your own! This site is a repository to download and install IE user scripts.
How to install user script
1 . First you should have install IE7Pro 0.9.12 and above which support IE user scripts. 2. Check if IE7Pro "Preference" - "User Scripts" - "EnabLe User Script" is enabled. 3. Find your favorite scripts on iescripts.org and click "Install This Script" .

iescripts.org dewen.org