href＃移動滾動位置

嗨，當你點擊一個鏈接，我希望它切換'vartalo'沒有頁面滾動到頂部，我想'A'鏈接，但不希望它滾動翻頁。href＃移動滾動位置

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

來源

2015-09-05 waleedd32

就這麼把你帶到頁面頂部的鏈接的默認操作。網址#是空的書籤，與鏈接到位於頁面頂部的已命名書籤錨點的書籤相同。

使用preventDefault方法阻止鏈接的默認操作：

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

來源

2015-09-05 14:39:11 Guffa

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

來源

2015-09-05 14:29:51 AlexArtyukh

href＃移動滾動位置

回答

相關問題