Html 链接时防止滚动复位？

第一次溢出堆栈

我正在制作一个包含几个相同html页面的网站，除了它们包含大小或多或少相同的不同图像之外——这就是它们的名称，它们的特点是jpg

这些图片在网站上看起来很棒，但是我有一个300像素的标题，它可以向下推动图片>迫使你向下滚动以查看完整的图片。这是内置于所有这些库页面的共享CSS中的

我在图片下方有简单的文本链接，这些链接被硬编码为指向图库中的下一幅图片。（我有一张20张即时通讯显示的图片列表）。当有人单击图像时，它会转到该页面，并将滚动条重置到顶部，从而使标题向下推图像区域

---

有人能告诉我如何防止新链接的滚动重置行为吗？

您可以有一个页面，只需替换图像即可？

当然，现在您可以将该功能更改为“上一个/下一个”按钮系统，假设您有某种照片库

---

请发布更多详细信息。

您希望您的链接看起来像这样：

<a href="http://www.w3schools.com/html_links.htm#tips">
Visit the Useful Tips Section</a>

在这种情况下，您希望为您的图像提供一个id=“tips”

看看这把小提琴，看一个例子。唯一的区别是，你的href会像上面发布的代码一样将url的其余部分放在那里

---

如果不使用jQuery之类的工具，您可以链接页面，这样您就有了一个锚定标记，如

。然而，这在每个页面上都是重复的，并且不会生成一个健壮的网页。将来你会想改变事情，这会导致问题和进一步的工作，所以我会考虑一个动态的替代方案。 注意，这看起来不像jQuery和使用AJAX在需要时加载图像那样无缝。或者更好的是，在大多数JS库工作时，首先将图像加载到不可见的页面中，然后使用JS让它们显示在链接上。这样做的好处是，您可以使用提供的图像在JS中生成链接。如果图像足够大，它们可能会在页面加载上造成相当大的滞后，考虑考虑某种类型的占位符图像。无论如何，请看一看

---

另外，我没有感觉到您正在使用任何服务器端脚本来创建这个库。如果js解决方案不适合您，或者您发现根据当时的内容需求自动生成部分网站的额外好处，请查看使用PHP、Python、Ruby等工具。如果只是一个简单的网站，可能是一个很好的解决方案。

是的，我添加了一个锚，滚动停止。非常结实，谢谢。我正在显示400kb的图像，因此，考虑到我的需要，此时加载时间不太重要。最终，当我能够掌握服务器端脚本时，我将创建一个更高效的网站库。在这一点上，我正在寻找一块砖一块砖，但土生土长的东西。我有平面设计的背景，所以我可以通过图形来掩饰它的简单性。