个人中心
gpt4 book ai didi

jquery - href# 移动滚动位置

转载 作者：行者123 更新时间：2023-12-01 05:38:31 24 4
gpt4 key购买 nike

嗨，当您单击链接时，我希望它切换“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/

24 4 0
文章推荐： java - 如何在java中使用JSlider放大和缩小行中的图像？
文章推荐： python - Urlopen [错误-2] Python
文章推荐： workflow - git-svn:如何避免 'Merge branch ' 提交消息？
文章推荐： Python:转换 HTML 内容中的引用而不是 HTML 标签
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com