How to temporary disable vertical scroll bar?

[nohissyfit]

Not sure if it is by design (Amazon) or what, but when I try to cancel an item in an order on Amazon, the items in the list have a checkbox on the right side of the screen.

The scroll bar is largely hidden until I hover over it then it expands to grab the slider. That then hides the checkbox. It's then a game of whacka-mole trying to click last visible pixel of the checkbox under the scrollbar in order to check it.

I can increase/decrease Width but the relationship stays the same under the scrollbar.

How can I temporarily disable the scroll bar expansion and let me whacka-the-mole?

Searched: Found many results for adding code into FFx, but that is major surgery for what I need.

[morat]

You can create a toggling bookmarklet to hide or show the scrollbars.

Code: Select all

javascript:(function(){
  var element = document.getElementById("cowabunga");
  if (element) {
    element.parentNode.removeChild(element);
  } else {
    var style = document.createElement("style");
    style.type = "text/css";
    style.id = "cowabunga";
    style.textContent = [
      "* { overflow: hidden !important; }",
    ].join("\n");
    if (document.head) {
      document.head.appendChild(style);
    } else {
      document.documentElement.appendChild(style);
    }
  }
})();

I didn't test the bookmarklet on Amazon since I don't have any orders currently.

Bookmarklet Builder
http://subsimple.com/bookmarklets/jsbuilder.htm

CSS Overflow
http://www.w3schools.com/css/css_overflow.asp