跳转链接不能在我的网站上工作

对于我的网站，我有一个页面系统作为索引来展示我的投资组合的几个不同部分。在我的设计部分，我有访客可以点击哪些类别将他们带到另一个页面的类别。在那个页面上，当他们点击时我有一个“后退”按钮，它应该将它们带回索引并向下滚动到设计区域，以便它们不必再次向下滚动以查看另一个区域。跳转链接不能在我的网站上工作

现在我有<a id="designs"></a>只是我在我的设计类股利以上。

在有“后退”按钮的类别页面，链接是我的网址与index.html#designs

也许我我做这个错误，但当我重新加载页面时，它会跳到我想要的位置，像一个毫秒，然后它滚动到顶部。

有什么办法让它不会滚动到页面的顶部？我不希望它成为人们查看我的投资组合的挑战。

非常感谢！

来源

2014-03-05 user3381973

尝试使用e.preventDefault()：

$('#designs').click(function(e) { 
    e.preventDefault(); 
});

此选择只针对#designs锚。你可以给你所有的预期锚常见的类如class="anchors"那么你可以做的：

$('.anchors').click(function(e) { 
    e.preventDefault(); 
});

来源

2014-03-05 05:26:40 Felix

我认为这个问题是我从另一个页面链接它，跳转到页面顶部正在加载页面，当我把它放在它没有改变。 – user3381973

你需要改变你的HTML一样，

<!-- add href like #designs --> 
<a href="#designs">Design</a> 

<!-- div design having id designs which you want to show on top --> 
<div id="designs">Design div</div>

Demo

来源

2014-03-05 05:26:51

这适用于当我刚刚跳到同一页面上的某些内容时，但我试图从其他页面的链接返回到我的索引并直接进入我的设计区域。我试着做你说的话，它没有改变任何东西。 – user3381973

跳转链接不能在我的网站上工作

回答

相关问题