Greasy Fork

[Request] Next/Previous page keybindings (code included)

Next/Previous page keybindings would be great and is quite easy to implement with Element.scrollIntoView, which all browsers partially support.

I actually replaced the scroll keybinds to test this. The final ones could be b and n (for back and next). I tried to use the page up/down and the spacebar, but they don't work properly in Chrome.

var scrollToImage = function(next) {
  var propName = (next) ? 'nextElementSibling' : 'previousElementSibling';
  var ele = getCurrentImage();

  if (ele === null) {
    return;
  }

  do {
    ele = ele[propName];
  } while (ele !== null && ele.tagName !== 'IMG');

  if (ele !== null) {
    ele.scrollIntoView();
  }
};

Works great if the images are resized to fit the screen:

.ml-images img {
  max-height: 100vh;
}

.ml-counter {
  margin-top: -18px;
}