Javascript 自动滚动href

我正在尝试为一个我还没有开发的站点添加一些改进，目前我在页面上有一个导航面板。这方面的HTML如下所示

<div id="calendar-nav-container">
<span class="calendar-nav" style="float: left"><a href="/Calendar?startDate=15%2F06%2F2015&amp;calendarType=Courses"> &lt;&lt;&lt; </a></span>
<span class="calendar-nav" style="float: left"><a href="/Calendar?startDate=29%2F06%2F2015&amp;calendarType=Courses"> &lt; </a></span>
<span class="calendar-nav" style="float: right"><a href="/Calendar?startDate=27%2F07%2F2015&amp;calendarType=Courses"> &gt;&gt;&gt; </a></span>
<span class="calendar-nav" style="float: right"><a href="/Calendar?startDate=13%2F07%2F2015&amp;calendarType=Courses"> &gt; </a></span>
<form action="/Calendar" id="calendarForm" method="get">        <label for="CalendarType">
        <select name="calendarType">
            <option value="Courses" selected="selected">By Course</option>
            <option value="Venues">By Venue</option>
            <option value="Trainers">By Trainer</option>
        </select></label>
    <label for="LocationId"><select id="locationId" name="locationId">
<option value="">All Locations</option>
<option value="1">Brighton</option>
<option value="2">London</option>
<option value="3">Leeds</option>
<option value="4">New York</option>
<option value="5">Frankfurt</option>
<option value="6">Hong Kong</option>
<option value="7">Toronto</option>
<option value="8">Dublin</option>
<option value="9">Cape Town</option>
<option value="10">Glasgow</option>
<option value="11">Newcastle</option>
<option value="16">Singapore</option>
<option value="17">Birmingham</option>
</select></label>
    <label for="DaysToShow"><select id="daysToShow" name="daysToShow">    
<option value="5">1 week</option>
<option value="19">3 weeks</option>
</select></label>
    <label for="StartDate"><input id="startDate" name="startDate" type="text" value="06/07/2015" class="hasDatepicker"></label>
    <label for="IncludePond" style="color: white"><input checked="checked" data-val="true" data-val-required="The Boolean field is required." id="includePond" name="includePond" type="checkbox" value="true"><input name="includePond" type="hidden" value="false">Include Pond Courses </label> 
</form></div>

当然
按地点
教练
所有地点
布莱顿
伦敦
利兹
纽约
法兰克福
香港
多伦多
都柏林
开普敦
格拉斯哥
纽卡斯尔
新加坡
伯明翰
1周
3周
包括池塘课程

---

我想在单击或选择这些选项或链接时保持页面滚动。我的HTML知识有限

我想保持页面滚动是什么意思？因为导航框是

position:absolute

，所以它不会随页面滚动。当其中的一个值发生变化时，如上面代码中所述，我希望新页面的向下滚动量与选择该选项之前相同。