2014-03-25 77 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

你有任何這樣的圖片庫的例子嗎?我所展示的那條線上有什麼東西?謝謝。 –