Question

您好，当您点击我希望它切换“vartalo”的链接时。没有页面滚动到顶部，我想要＆＃39; A＆＃39;是这样的链接，但不想让它滚动页面。

<!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>

Answer 1

$(function(){    
    $('.nappulat').click(function(event){
        event.preventDefault();
        $('#panel1').toggle(200);
    });
});

Answer 2

这是链接的默认操作，可将您带到页面顶部。 URL #是空的书签，与链接到位于页面顶部的命名书签锚点相同。

使用preventDefault方法停止链接的默认操作：

$('.nappulat').click(function(e){
  e.preventDefault();
  $('#panel1').toggle(200);
});

href＃移动滚动位置

2 个答案: