显示并隐藏div后,jQuery转到div或页面顶部

恶魔编码器

我在底部有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>

https://jsfiddle.net/yz7p73nh/9/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

显示并隐藏div后,jQuery转到div或页面顶部

来自分类Dev

用jquery显示一个隐藏的div并移到页面顶部

来自分类Dev

jQuery切换显示/隐藏div ...如何防止页面跳到顶部?

来自分类Dev

在页面顶部显示div,在滚动时隐藏,然后在页面底部显示div

来自分类Dev

隐藏JQuery后未显示Div

来自分类Dev

单击链接打开页面后,在页面中显示隐藏的div

来自分类Dev

在显示后隐藏 Div

来自分类Dev

显示/隐藏距页面顶部偏移/锚点/可变px高度的div-让jQuery读出“偏移/锚点”的位置

来自分类Dev

如何隐藏在jQuery单击功能后显示的隐藏div

来自分类Dev

如何隐藏在jQuery单击功能后显示的隐藏div

来自分类Dev

HTML页面,显示隐藏的div

来自分类Dev

Div 隐藏后不显示

来自分类Dev

使用 jquery 在特定页面上隐藏/显示 div

来自分类Dev

页面加载时,PHP jQuery转到div

来自分类Dev

在jQuery中几秒钟后显示和隐藏div

来自分类Dev

Div在用jQuery显示后没有隐藏

来自分类Dev

jQuery切换隐藏后不显示div

来自分类Dev

jQuery Cookie隐藏/显示div

来自分类Dev

隐藏,用jQuery显示div

来自分类Dev

jQuery Dropdown显示/隐藏div

来自分类Dev

jQuery隐藏显示多个div

来自分类Dev

显示和隐藏div jQuery

来自分类Dev

使用jQuery显示/隐藏Div

来自分类Dev

jQuery显示/隐藏div方向

来自分类Dev

多个div隐藏显示jQuery

来自分类Dev

jQuery失败隐藏并显示div

来自分类Dev

jQuery隐藏显示多个div

来自分类Dev

滚动95个像素后显示固定在页面顶部的Div

来自分类Dev

页面加载后如何删除或隐藏div