gpt4 book ai didi

Javascript:显示屏幕中间的元素不适用于固定位置

转载 作者:太空宇宙 更新时间:2023-11-03 22:54:51 25 4
gpt4 key购买 nike

我需要点击按钮时元素垂直在屏幕中间,无论浏览器如何调整高度,它总是在中间。

 <html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<button id="button">click me</button>
<div id="element">balah</div>
</html>


<style>
#element{
position: fixed;
color: red;
}
</style>

我试过:

<script>
$("#button").click(function(){
$('#element').css('margin-top',$(window).innerHeight()/2);

})
</script>

最佳答案

无需JS,纯CSS即可;

.fixed {
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}

关于Javascript:显示屏幕中间的元素不适用于固定位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38817719/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com