需求: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);
       }
     }
 },

Logo

前往低代码交流专区

更多推荐