Scrollintoview trouble shooting - no css

In this page, I'm trying to implement the scrollintoview() plugin. The expected behavior is for the plugin to take a command like $(ELEMENT).scrollintoview() and smoothly transition to that element, if it is not already visible. In addition, the plugin is expected to return results for the selector $(':scrollable'). On this page, I suspect because of something in the CSS, the plugin is not functioning and nothing is returned as $(':scrollable')

HTML

<script src="https://raw.github.com/litera/jquery-scrollintoview/master/jquery.scrollintoview.js"></script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en-gb" dir="ltr">
<head>
 </head>
<body class="background">
    <button>Click to scroll?</button>
    <div id="header-w">
        <div id="header">
                <a href="/"><img src="/templates/jt004_j16/images/logo.png" border="0" class="logo"></a>
                <div class="top">
        </div>          
</div>
<div id="main">
    <div id="wrapper">
                        <div id="navr"><div id="navl">
                            <div id="search">
                    <form action="/index.php/component/stormportal/" method="post">
    <div class="search">
        <input name="searchword" id="mod-search-searchword" maxlength="20"  class="inputbox" type="text" size="20" value="Search..."  onblur="if (this.value=='') this.value='Search...';" onfocus="if (this.value=='Search...') this.value='';" />    <input type="hidden" name="task" value="search" />
    <input type="hidden" name="option" value="com_search" />
    <input type="hidden" name="Itemid" value="0" />
    </div>
</form>
                </div>
            <div id="nav">
<ul class="menu-nav">
<li class="item-45 deeper parent"><a href="/" >Home</a><ul><li class="item-57"><a href="/index.php/home3/news7" >News</a></li><li class="item-99"><a href="/index.php/home3/history-of-mid" >History of  MID</a></li><li class="item-100"><a href="/index.php/home3/board-of-directors" >Board Members</a></li><li class="item-102"><a href="/index.php/home3/board-meetings-2" >Board Meetings</a></li><li class="item-103"><a href="/index.php/home3/water-season" >Water Season</a></li><li class="item-104"><a href="/index.php/home3/assessments" >Assessments</a></li><li class="item-180 deeper parent"><a href="/index.php/home3/services-top"...

JavaScript

$('button').click(function() {
    $('#footer').scrollintoview();
});