Question

好的我创建了一个移动网站，我有一个图片页面，当有人点击图片时，我希望它转到另一个页面上的同一图片，所以我用<a name="picname">标记图像，然后链接他们是这样的：

<a href="pagename.html#picname"><img src="filepath/picname.jpg" border="1"></a>

但是当我在移动浏览器中点击某个图像时，它会跳到图像正下方（所以你看不到它直到你向上滚动）我做错了什么？

第_1页上的代码段

<a href="gallery.html#1"><img src="gallery/1.jpg" width="95%" border="1"></a>
<br><br>
<a href="gallery.html#2"><img src="gallery/2.jpg" width="95%" border="1"></a>
<br><br>
<a href="gallery.html#3"><img src="gallery/3.jpg" width="95%" border="1"></a>
<br><br>
<a href="gallery.html#4"><img src="gallery/4.jpg" width="95%" border="1"></a>
<br><br>
<a href="gallery.html#5"><img src="gallery/5.jpg" width="95%" border="1"></a>
<br><br>
<a href="gallery.html#6"><img src="gallery/6.jpg" width="95%" border="1"></a>

gallery.html上的代码段

<a name="1"></a><img width="95%" border="2" alt="" src="gallery/1.jpg"><br>
<a name="2"></a><img width="95%" border="2" alt="" src="gallery/2.jpg"><br>
<a name="3"></a><img width="95%" border="2" alt="" src="gallery/3.jpg"><br>
<a name="4"></a><img width="95%" border="2" alt="" src="gallery/4.jpg"><br>
<a name="5"></a><img width="95%" border="2" alt="" src="gallery/5.jpg"><br>
<a name="6"></a><img width="95%" border="2" alt="" src="gallery/6.jpg"><br>

任何想法都会很棒！

Answer 1

您是否尝试在图像前放置锚点关闭标记？

<a href="#" name="picname"><!-- --></a>
<img src="file.jpg" />

Answer 2

通常，您在要“滚动”到的内容之前创建一个单独的锚标记，并在另一个位置创建链接（在同一页面的上方/下方或另一页面上）。

听起来你想要一个新窗口弹出并向下滚动到图像？如果是这样的话，你会想要做这样的事情：

（对于这个例子，我们假装页面名称是'gallery.html'）

<a href="gallery.html#picid" target="_blank">Click here for this image</a>

在页面下方（或可能的位置）：

<a name="picid"></a>
<img src="image.png" border="0" />

这会奏效。我测试了它。如果您实际上不希望它在新窗口中打开，只需从初始超链接锚标记中删除'target =“_ blank”'。问题是，一旦你添加一个href，它就会变成一个超链接而不是一个标准锚。

如果您希望单击图像并在新窗口中打开页面（并自动滚动到图像的位置），则单击图像时，正确的设置将是：

<a name="picid"></a>
<a href="gallery.html#picid" target="_blank"><img src="image.png" border="0" /></a>

图像无法正确锚定？

2 个答案: