如何不使用 标签实现在页面中跳转位置？
问题描述：
页面代码中存在 .item 元素，需要通过为其增加 href 属性来实现跳转位置。
解答：
JavaScript 解决方案：
定义一个跳转锚点函数，该函数接受目标位置的 ID 作为参数，使用 scrollIntoView() 方法滚动到该位置。在 .item 元素上绑定点击事件侦听器，当用户点击该元素时，调用锚点函数。动态生成一个带有 href 属性的 .item 元素的列表，每个元素对应一个跳转位置。
代码示例：
function test(href) { const id = href.replace('#', ''); document.getElementById(id).scrollIntoView(); } let liEle = ''; for (data of partDynamicDataTraverse.list) { liEle += `${data.name}
最终效果：
点击 .item 元素后，页面滚动到相应目标位置。
以上就是如何不使用 a 标签实现页面内跳转？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1556277.html
微信扫一扫 
支付宝扫一扫 
