vue 从一个页面跳转到另一个页面的指定位置
需求:home页面跳转到courseDesc页面的指定位置home页面:courseDesc页面:TAB1第一部分内容区域TAB2第二部分内容区域在mounted里![在这里插入图片描述](https://img-blog.csdnimg.cn/20190701143134959.png?x-oss-process=image/watermark,type_ZmFuZ...
·
需求:home页面跳转到courseDesc页面的指定位置
home页面:
courseDesc页面:
TAB1
<div id='tab1' name='tab1' ref="tab1">
第一部分内容区域
</div >
TAB2
<div id='tab1' name='tab1' ref="tab1">
第二部分内容区域
</div >
在mounted里
// 锚点跳转
mounted: function () {
var hash = window.location.hash;
var index = hash.lastIndexOf("#");
if (index != -1) {
var id = hash.substring(index + 1, hash.length + 1);
var div = document.getElementById(id);
if (div) {
setTimeout(function () {
console.log($(div).offset().top);
//$('html,body').scrollTop($(div).offset().top - 43);
$('html, body').animate({scrollTop: $(div).offset().top - 43}, 500)
}, 500);
}
}
},
更多推荐
已为社区贡献3条内容
所有评论(0)