我在底部有LINK的div A(上面有很多内容)。单击链接以隐藏div A并显示div B(我使用淡入淡出)后,div B不在内容的开头显示/淡入,而是在中间单击链接的位置。我该怎么做才能使其显示在div或页面的顶部?
https://jsfiddle.net/5zqcp6gn/
$('.click').click(function() {
$(".a").fadeOut("slow", function() {
$(".b").fadeIn("slow");
});
});
.b {display:none;}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<div class="a">a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> a<br> </div>
<div class="b">b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br>
</div>
<a href="javascript:void(0)" class="click">Click</a>
这是因为您尚未在小提琴的设置中启用jQuery框架。
另外,您需要更改此行:
<a href="javascript:void(0)" class="click">Click</a>
至
<a href="#" class="click">Click</a>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句