当设计用户页面交互行为时,希望点击某区域,不是跳转页面,而是希望跳转至当前页面的某一部分,利用a便可实现……
首先,明白<a href="url ">的概念,超链接,href 属性的值可以是任何有效文档的相对或绝对 URL,包括片段标识符和 JavaScript 代码段,同时也包括ID名称。
我们也可称之为“锚点”,<a href="#id名“ >,不过事先定义需要跳转部分的id名称。
如:
<article id="content-choice">
选择题
</article>
<article id="content-choice">
填空题
</article>
<article class="content-short" id="content-short">
<h2 >四. 简答题(20分,共2题)</h2>
<ul>
<li>
<label>随参信道传输媒质的特点?</label><br />
<textarea cols="100%" rows="5%" placeholder="答:"></textarea>
</li>
<li>
<label>对于AM系统,无门限效应的解调方法?</label><br />
<textarea cols="100%" rows="5%" placeholder="答:"></textarea>
</li>
</ul>
</article>
<a href="#content-short"><li id="card-nav-short">简答题</li></a>
点击简答题,即可跳转至页面的简答题部分;
此外,<a href="javascript:;" >也可实现跳至顶部功能
以上便是此次的分享,如有更好建议,望指正,谢谢!