点击导航下拉跳转页面固定位置（锚链接）

点击导航下拉跳转页面固定位置（锚链接）

在导航页面文件夹里面新建anchor.js

//锚点跳转
function goAnchor(selector) {
    var anchor = this.$el.querySelector(selector);//获取元素
    if (anchor) {
        setTimeout(() => {//页面没有渲染完成时是无法滚动的，因此设置延迟
            anchor.scrollIntoView(); //js的内置方法，可滚动视图位置至元素位置
        }, 1000);
    }
};
//获取参数
function GetQueryString(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
    var r = window.location.search.substr(1).match(reg);
    if (r != null) return unescape(r[2]); return null;
}

export {
    goAnchor,
    GetQueryString
}

点击页面

              
                
宝宝箱
              
              
                
悉心喂养
              
              
                
贴心护理
              
              
                
暖心服饰
              
            

跳转页面
a标签就放在页面要跳转的位置

跳转页面a标签里面对应的id为点击页面的to后面的#后面的和href后面的