在href上自动滚动

时间:2015-07-09 10:10:53

标签: javascript jquery html

我正在尝试为我尚未开发的网站添加一些改进,而且我目前在页面上有一个导航面板。 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>

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

0 个答案:

没有答案