Somewhat Advanced Javascrip and Jquery

programming web dev
1 

<div id="container">
    <div id="border">
        <div id="contents">
            <div id="menu">
                 <ul>
                  <li><a href="#">Company Profile</a></li>
                  <li><a href="#">Services</a></li>
                  <li><a href="#">Portfolio</a></li>
                  <li><a href="#">Contact</a></li>
                  <li></li>
                </ul>
            </div>
            
            <div id="scroller">
            
            </div>
           </div>
    </div>
</div>

what I would like to do is when somebody clicks on a link in the menu it will scroll in or scroll out content of the scroller div. is this possible?

Thanks