web tips——href跳转页面指定部分

当设计用户页面交互行为时,希望点击某区域,不是跳转页面,而是希望跳转至当前页面的某一部分,利用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:;" >也可实现跳至顶部功能 

以上便是此次的分享,如有更好建议,望指正,谢谢!



  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值