Jquery 跳转链接在我的网站上不起作用
对于我的网站,我有一个单页系统作为索引来展示我的投资组合的几个不同部分。在我的设计部分,我有一些类别,访问者可以点击这些类别将他们带到另一个页面。在那个页面上,我有一个“后退”按钮,当他们点击时,它会把他们带回到索引并向下滚动到设计区域,这样他们就不必再向下滚动来查看其他部分 现在,我有Jquery 跳转链接在我的网站上不起作用,jquery,html,vertical-scrolling,page-jump,Jquery,Html,Vertical Scrolling,Page Jump,对于我的网站,我有一个单页系统作为索引来展示我的投资组合的几个不同部分。在我的设计部分,我有一些类别,访问者可以点击这些类别将他们带到另一个页面。在那个页面上,我有一个“后退”按钮,当他们点击时,它会把他们带回到索引并向下滚动到设计区域,这样他们就不必再向下滚动来查看其他部分 现在,我有,就在我的设计类别所在的div上方 在带有“后退”按钮的分类页面上,链接是我的URL,带有index.html\designs 也许我做得不对,但当我重新加载页面时,它会转到我想要的位置,大约一毫秒,然后滚动到顶
,就在我的设计类别所在的div上方
在带有“后退”按钮的分类页面上,链接是我的URL,带有index.html\designs
也许我做得不对,但当我重新加载页面时,它会转到我想要的位置,大约一毫秒,然后滚动到顶部
有没有办法使它不会滚动到页面顶部?我不想让人们看到我的投资组合成为一种挑战
非常感谢 尝试使用:
$('#designs').click(function(e) {
e.preventDefault();
});
此选择器仅针对#designs
锚定。您可以为所有预期的锚定提供一个公共类,例如class=“anchors”
,然后您可以执行以下操作:
$('.anchors').click(function(e) {
e.preventDefault();
});
你需要改变你的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>
设计组
当我跳转到同一页面上的某个内容,但我试图让另一个页面的链接返回到我的索引并直接返回到我的设计区域时,这一点就起作用了。我试着按照你说的做,但没有改变任何东西。用不同的浏览器测试。我认为问题是我从另一个页面链接它,在加载页面时跳转到顶部,当我把它放进去时,没有改变。