嗨，当您单击链接时，我希望它切换“vartalo”而不使页面滚动到顶部，我希望“A”成为这样的链接，但不希望它向上滚动页面。
<!DOCTYPE html >
<html>
<style>
#oikea{
position:absolute;
top:800px;
}
.paneelinvartalo{
border:1px solid black;
background-color:lightblue;
margin-top:5px;
padding:15px;
height:200px;
width:200px;
}
</style>
<body>
<div id="panel1" class="paneelinvartalo">vartalo
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js">
</script>
<script>
$(function(){
$('.nappulat').click(function(){
$('#panel1').toggle(200);
});
});
</script>
<div id="oikea" >
<a class="nappulat" href="#" rel="">A< /a>
</div>
</body>
</html>
最佳答案
这是链接的默认操作，可将您带到页面顶部。 URL # 是空书签，这与链接到位于页面顶部的命名书签 anchor 相同。
使用preventDefault方法停止链接的默认操作:
$('.nappulat').click(function(e){
e.preventDefault();
$('#panel1').toggle(200);
});
关于jquery - href# 移动滚动位置，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32413982/