2015-04-23 89 views
0

我想將coverflow mighty滑塊中的專輯封面鏈接到同一頁面中的錨點。它位於頂部,每個封面都有各種音頻播放器,每個封面都有自己的錨點,位於頁面下方。如何使用鏈接url屬性轉到錨點。這張專輯danceawaythenight的主播是丹。如何鏈接到JavaScript中的同一頁面錨點

已嘗試列表項目的任一側的鏈接,但它只是使相冊封面消失。

我正在使用的滑塊代碼如下所示。目標元素的

每張專輯封面有類似下面的鏈接(目前在指向與插件滑塊來在默認鏈接)

<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’ } 」> 
+3

我不知道你使用的是什麼編輯軟件,但''''''不是有效的HTML或JavaScript引用字符。你應該使用''''和'''代替 –

+0

是的,這是問題的一部分謝謝 –

回答

0

您可能需要根據錨點設置鏈接網址。並將鏈接目標設置爲「_self」或「_top」。

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

謝謝拉爾夫你剛剛解決了我的問題。乾杯 –

+0

很好聽。如果這個答案解決了你的問題,請標記爲接受。 –

0

你可以得到的座標並設置滾動位置。

這裏做一個簡單的方法:

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. 
}​ 
相關問題