在页面中实现位置跳转
问题描述:
html代码中需要通过给”.item”元素增加”href“属性,以指定页面中跳转的位置,但并未提供标签,如何实现该功能?
解答:
可以利用以下步骤实现:
ul > li { display: inline-block; cursor: pointer; margin-left: 20px; }
登录后复制
其次,在脚本代码中,监听”.item”元素的点击事件并执行滚动行为:
function test(href) { const id = href.replace('#', ''); document.getElementById(id).scrollIntoView(); } let liEle = ''; for (data of partDynamicDataTraverse.list) { liEle += `
登录后复制
${data.name}
`; } partDynamicDataTraverse.$element.append(liEle);
这样,当点击”.item”元素时,页面将滚动到对应元素所在的位置,从而实现了页面中位置跳转。
© 版权声明
文章版权归作者所有,未经允许请勿转载。
【小浪云服务商 - 服务器12元起 - 挂机宝5元起】
THE END
暂无评论内容