<a  href="#topOfPage" onclick="scrollLeftFunction()">

function rightArrowPressed() {
      $("html, body").stop().animate({
           scrollTop: 0 ,
           scrollLeft: windowWidth*(Math.round((jq("#topnav").offset().left +
           windowWidth)/windowWidth))
      }, 1000,'easeOutExpo');
};

function upArrowPressed() {
      var body = document.body; // For Safari
      var html = document.documentElement; // Chrome, Firefox, IE and Opera places the overflow at the html level, unless else is specified.
      body.scrollTop -= 200;
      html.scrollTop -= 200;
    };