2014-03-25 42 views
0

如何在链接后阻止锚标签滚动?大部分资源在线使用event.preventDefault(),但这似乎抵消了点击的功能!阻止链接中的锚标签滚动

我的代码非常类似于herethis is the item in question(也来自上一个链接)。如果您检查页面并将height: 1000px添加到body,然后向下滚动一下并单击其中一个较小的图像,它将会滚动以便图像正好在视图中。

如何保持改变大图像而不是滚动的预期效果?

谢谢。

+1

只是为了帮助你理解原因:由于'href =“#image”',点击该链接将你的页面滚动到'a'元素与'name =“image”'。 http://help.typepad.com/anchor-tags.html – RobinvdA

回答

0

基本上你必须尝试另一个图像库,它使用jQuery。在show插件中

它基本上是一个css技巧,可以用return false而不是event.preventDefault()来立即停止传播的锚点。那么它不会改变图像,你的目的不会被解决

+0

你有任何这样的图片库的例子吗?我所展示的那条线上有什么东西?谢谢。 –