Question

我正在尝试使用href链接从页面的一个部分链接到另一个部分。

 <div id="something">
    <div class="toolbar">
        <h1>Product information</h1>
        <a class="button back" href="#">Back</a>
        <a class="button slideup" href="#product">+</a>
    </div>
    <div>
        <a href="#product" rel="external"><img class="content" src="Dress1.jpg" title="Pic1"/></a>
    </div>
</div>

<div id="product">
    <div class="toolbar">
        <h1>Product</h1>
        <a class="button back" href="#">Back</a>
    </div>
    <div>
        <img class="content" src="Dress2.jpg" title="Pic1"/>
    </div>
</div>

当我点击#something中的照片Dress1时，它应该转到#product并保持在那里，直到另有指示。不幸的是，它回到了#something

有谁知道什么是错的？

它的作用：我正在使用JQTouch（因此动画 - 按钮向上滑动等），我想要的只是一个图像出现在屏幕上（页面的某个部分）并且一旦它点击了产品的一部分页面出现。

谢谢！下进行。

顺便说一句，我正在使用Safari！

Answer 1

也许是一个愚蠢的问题，但你确定页面足够长，以便于跳转到#product？尝试在页面顶部添加一堆空白区域，然后查看点击链接是否将#product移动到页面顶部。

Answer 2

您需要将一个命名锚添加到您希望链接转到的页面。

链接：

<a href="#product">link to product</a>

在页面上链接到：

<a name="product"></a>

重定向到页面然后转到HTML主页

2 个答案: