单击同一页面中的<a>时,移动到<部分>
Move to a <section> when click on an <a> in the same page
我想知道如何在<a>
元素上时滚动到页面上的<section>
元素,两者都放在同一个页面中。
提前谢谢大家。干杯。
这是一种本机且更简单的方法。您只需要在 ancher 标签的 href 属性中为您的部分(或任何 HTML 元素)提供 id。
示例代码段:
<a href="#sectionId">GO to section</a>
<section id="sectionId">
//your code
</section>
W3C 标准
您可以做到这一点(在纯 HTML 中)将哈希放在锚标签中,如以下问题所述: 锚标签中的哈希
ScrollIt.js 可以在这方面为您提供帮助。
http://bytemuse.com/scrollIt.js/
4个简单的步骤,你就完成了
相关文章:
- 移动/平板设备定向部分工作
- D3.js强制布局:动态添加节点;t随图的其余部分移动
- JavaScript,根据按下的键将网页移动到列表的某个部分
- 具有多个滚动部分的html5移动网站
- 需要 iFrame 在滚动页面的其他部分时不移动
- 在字符串的各个部分周围移动
- 在 android 中单击按钮时在网络视图中显示的网页部分内移动
- 使用 jQuery '.scroll()' 移动到网站的各个部分
- 单击同一页面中的时,移动到<部分>
- HTML5 部分触摸开始触摸移动触摸触摸 iOS
- 删除网站的移动版本的标记部分
- 仅使用部分 jQuery 移动
- AngularJS:单选按钮在移动到下一个部分后失去价值
- 将JS代码从HTML移动到HEAD部分的源代码
- Javascript:在HTML表中,如何从一列中选择部分文本(匹配一些正则表达式),并将其移动到下一列
- 想要将添加的元素移动到DOM的不同部分
- iOS上陀螺仪移动和触摸移动的JavaScript存在冲突,当第二部分正在使用时,我如何暂停其中一部分
- 是否有可能使用Javascript或任何服务器端技术从移动端源代码中删除HTML的某些部分?
- 防止d3缩放将SVG中的文本移动到与SVG其余部分不同的位置
- 防止美元.Pjax从移动动态脚本标签到头部部分