
在页面中实现位置跳转
问题描述:
html代码中需要通过给".item"元素增加"href"属性,以指定页面中跳转的位置,但并未提供标签,如何实现该功能?
解答:
可以利用以下步骤实现:
更新列表:1.求职列表后台审核了也显示不出来。2.点了职位后页面跳转不正确。3.首页点了人才简历页面你所在的位置标签不正确。4.点了职位后页面没有出现应聘此岗位标签。5.人才简历图片保存不下来。6.人才没有照片显示找不到路径的图片。7.首页资讯报错,and 附近有语法错误。8.资讯下面的热点资讯没有图片不显示无图出来。9.人才查看自己的职位列表表头显示不正确。10.人才的上传了图片,但是首页推荐信
首先,在样式表中删除标签的样式影响:
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 += `zuojiankuohaophpcnli onclick="test('${data.href}')"youjiankuohaophpcnzuojiankuohaophpcndiv class="item"youjiankuohaophpcn${data.name}zuojiankuohaophpcn/divyoujiankuohaophpcnzuojiankuohaophpcn/liyoujiankuohaophpcn`;
}
partDynamicDataTraverse.$element.append(liEle);这样,当点击".item"元素时,页面将滚动到对应元素所在的位置,从而实现了页面中位置跳转。









