我正在尝试为我尚未开发的网站添加一些改进,而且我目前在页面上有一个导航面板。 HTML的内容在
之下<div id="calendar-nav-container">
<span class="calendar-nav" style="float: left"><a href="/Calendar?startDate=15%2F06%2F2015&calendarType=Courses"> <<< </a></span>
<span class="calendar-nav" style="float: left"><a href="/Calendar?startDate=29%2F06%2F2015&calendarType=Courses"> < </a></span>
<span class="calendar-nav" style="float: right"><a href="/Calendar?startDate=27%2F07%2F2015&calendarType=Courses"> >>> </a></span>
<span class="calendar-nav" style="float: right"><a href="/Calendar?startDate=13%2F07%2F2015&calendarType=Courses"> > </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>
我想在点击或选择这些选项或链接时保持页面滚动。我的HTML知识有限。