vue跨頁面定位到錨點位置

2021-09-29 19:20:26 字數 1099 閱讀 6172

效果:

header頁面:

公司介紹

發展歷程

榮譽資質

**聲譽

about頁面:

about頁面引入的common.js

//跳轉到錨點

function goanchor(selector) ,500);

//獲取引數

function getquerystring(name){

//var reg = new regexp("(^|&)" + name + "=([^&]*)(&|$)");

var href = window.location.href;

var r = getsearchstring(name,href);

if (r != null) return decodeuri(r);

return null;

function getsearchstring(key, url) {

var str = url;

str = str.substring(1, str.length);    

if(str.indexof("?")!=-1){

var arr = str.split("?")[1].split("&");// 獲取?後的引數內容,並以&分隔字串,獲得類似name=xiaoli這樣的元素陣列

var obj = new object();

// 將每乙個陣列元素以=分隔並賦給obj物件

for (var i = 0; i 

var tmp_arr = arr[i].split("=");

obj[decodeuricomponent(tmp_arr[0])] = decodeuricomponent(tmp_arr[1]);

return obj[key];

export {

goanchor,

getquerystring

JQuery 仿錨點跳轉到頁面指定位置

標題 這是標題的內容 document ready function 1000 帶滑動效果的跳轉 html,body scrolltop target top 獲取匹配元素在當前視口的相對偏移。返回的物件包含兩個整型屬性 top 和 left。此方法只對可見元素有效。獲取匹配元素相對父元素的偏移。返...

js 定位到某個錨點

html頁面內可以設定錨點,錨點定義 html aname firstanchor nsbp a 錨點使用 html ahref firstanchor 跳至第乙個錨點 a 但對於js呢,在js中如何在完成乙個操作後跳至頁面的某個固定錨點呢 js中location.href可以跳轉至某個url 跳至...

js 定位到某個錨點

html頁面內可以設定錨點,錨點定義 html nsbp a 錨點使用 html 跳至第乙個錨點a 但對於js呢,在js中如何在完成乙個操作後跳至頁面的某個固定錨點呢 js中location.href可以跳轉至某個url 跳至 定位到 某個固定錨點的辦法 1 location.href firsta...