Hiding the Scrollbars

Is there a way to control the visibility of the scrollbars from javascript? I've tried using the following...

function Collapse() {
  if(parent.Search) {
    parent.Search.style.width = 246;
    var scrollbars = results.getTemplate("layout").getContent("scrollbars");
    scrollbars.setStyle("overflow-x", "hidden");
    scrollbars.setStyle("overflow-y", "scroll");
    results.refresh();
  }
  if(document.getElementById("expButton")) {
    document.getElementById("expButton").innerHTML = ">>";
  }
}
function Expand() {
  if(parent.Search) {
    parent.Search.style.width = 1279;
    var scrollbars = results.getTemplate("layout").getContent("scrollbars");
    scrollbars.setStyle("overflow-x", "auto");
    scrollbars.setStyle("overflow-y", "auto");
    results.refresh();
  }
  if(document.getElementById("expButton")) {
    document.getElementById("expButton").innerHTML = "<<";
  }
}

This works fine when displaying the grid collapsed but when I expand the grid - by resizing the iframe that I put it into - the scrollbars stay in their original state, auto-auto.

I tried using refresh() but with little effect. Although, without it the vertical bar does the exact opposite of what I'm telling it to do.