由于某些我不知道的原因,单击链接后,链接到我的网页部分的id属性会卡在网址中。
<a href="#second" button class="btn">Click Here To Pre-Order</button></a>
<a id="second"></a>
要查看我的意思的实时示例,请访问[plushvip.com 1,单击第一个按钮以查看我的意思。
有任何想法吗?
#1
:这就是应该的工作方式
#2
:如另一个答案中所述,即哈希,您将使用jquery对其进行修复。我喜欢这个小脚本,它消除了哈希,并且具有不错的滚动动画,而不是跳转:
JQuery:
jQuery(document).ready(function($) {
$(".scroll").click(function(event) {
event.preventDefault();
$('html,body').animate( { scrollTop:$(this.hash).offset().top } , 1000);
});
});
HTML:
<a href="#second" class="scroll" >
<button class="btn">Click Here To Pre-Order</button>
</a>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句