Question

我正在为漫画标签建立一个投资组合网站，并希望将该商店整合到网站中。该网站建立在Indexhibit，我一直在尝试多种选择。

此刻，我只是希望能够现在购买＆＃34;现在购买＆＃34;链接每个产品的单个页面，并在锚点中打开或在商店页面向下滚动。商店页面是一个Tictail商店，在网站内以iframe方式打开。

这是个人页面： http://www.clubedoinferno.com/index.php/project/yonkoma-collection-vol1/

您可以将链接代码视为

<a href="http://www.clubedoinferno.com/index.php/store/">BUY NOW</span></a>

商品商店的锚点在商品的DIV名称中引入，因为Tictail支持主题定制：

<div id="fH9a">x</div>

使用基本的东西，例如在我的链接中添加＃fH9a并不起作用。请帮忙吗？

Answer 1

纯HTML

<a href="https://tictail-shop.fi/#product1" target="shop-frame">Product1</a>

<frame src="https://tictail-shop.fi/" name="shop-frame">

PS。 js应遵循使用中所选实现中的html标准

Answer 2

我认为如果不使用脚本就不能这样做。

在your page in iframe

中添加以下内容

<script>
window.scrollTo(0,document.getElementById(parent.window.location.hash.substring(1)).offsetTop);
</script>

以下内容将为您提供网址

的锚点部分

parent.window.location.hash.substring(1)

在您的情况下，fH9a。然后，您将窗口滚动到具有该ID的元素。就像

window.scrollTo(0,document.getElementById("fH9a").offsetTop)

只有在页面中具有给定ID的元素时，它才是动态的并且可以与任何锚点一起使用。

使用来自this page的锚点传递id，如下所示

<a href="http://www.clubedoinferno.com/index.php/store#fH9a">BUY NOW</span></a>

希望有效。

修改

iframe中的页面似乎不是来自同一个域。所以上述方法不起作用。

但如果你更新

<a href="http://www.clubedoinferno.com/index.php/store#fH9a">BUY NOW</span></a>

带

<a href="http://www.clubedoinferno.com/index.php/store?fH9a">BUY NOW</span></a>

并使用

document.referrer.substring(1+document.referrer.indexOf("?"))

而不是

parent.window.location.hash.substring(1)

它（希望）有效。

链接到框架中的锚点

2 个答案: