Question

我想将封面流强大滑块中的专辑封面链接到同一页面内的锚点。它位于顶部，每个封面都有各种音频播放器，每个封面都有自己的锚点，位于页面下方。如何使用link 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

您可能需要根据锚点设置link-url。和链接目标为“_self”或“_top”。

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

如何在javascript中链接到同一页面锚点

2 个答案: