如何在javascript中鏈接到同一頁面錨

Question

我想將Coverflow強大滑塊中的專輯封面鏈接到同一頁面中的錨點。 它在頂部，頁面下方有與每個封面相對應的各種音頻播放器，每個都有自己的錨點。 如何使用鏈接url屬性轉到錨點。 這張專輯“ danceawaythenight”的主播是dan。

已經嘗試了列表項兩側的鏈接，但這只會使專輯封面消失。

我在滑塊上使用的代碼如下所示。

每個專輯封面都有一個類似於以下鏈接的鏈接（目前指向的是插件滑塊隨附的默認鏈接）

<li class=”slide” data-mightyslider=” cover:’images/albumcovers/danceawaythenight.jpg’, link: { url: ‘https://itunes.apple.com/us/album/enrique-iglesias-greatest/id295364999?uo=4’, target: ‘_blank’ } ”>

Answer 1

您可以獲取目標元素的坐標並為其設置滾動位置。

這是一種更簡單的方法：

function jump(h){
    var url = location.href;               //Save down the URL without hash.
    location.href = "#"+h;                 //Go to the target element.
    history.replaceState(null,null,url);   //Don't like hashes. Changing it back.
}​

這使用replaceState來操縱URL。 如果您還需要對IE的支持，那么您將不得不采用復雜的方法。

function jump(h){
    var top = document.getElementById(h).offsetTop; //Getting Y of target element
    window.scrollTo(0, top);                        //Go there.
}​

Answer 2

您可能需要根據錨點設置鏈接網址。 並將鏈接目標設置為“ _self”或“ _top”。

<li class=”slide” data-mightyslider=” cover:’images/albumcovers/danceawaythenight.jpg’, link: { url: ‘#your-anchor-name’, target: ‘_self’ } ”>