If you have a scroller across a spread

scroller.js

// run this once the page has loaded
window.onload = function(){
  // find out if there is more than one scroller div over the spread
 scrollers = document.getElementsByClassName("scroller").length;
 if (scrollers > 1) {

   var css = document.createElement("style");
   css.type = "text/css";
   // hide the second main div of the body
   // make the width of the first main div the same as the viewport
   css.innerHTML = "body > div:nth-child(2) .scroller {display:none;} body > div:nth-child(1) {width:732px !important; z-index: 100}"
   // write this css to the head of the page
   document.body.appendChild(css);
 }
 };