gpt4 book ai didi

javascript - 如何更改/移动按钮位置 "when"clicked

转载 作者:太空宇宙 更新时间:2023-11-04 06:34:29 25 4
gpt4 key购买 nike

我用 :active 设置我的按钮,当用 margin-top & left 单击时移动它,但每次我单击按钮时,上面的标题也会移动到顶部,它也会影响滚动条。如何制作只移动的按钮?

然后,当我将 margin-top 添加到我的按钮 div 时,上面的标题也被推到顶部,如何摆脱它,只剩下向下的按钮?

谢谢

这是我的代码:https://jsfiddle.net/arknmaulana/ktuvq9sb/6/

<body>
<div class="center" id="section01">
<div>
<h1>Journal Online</h1>
<p>Untuk kamu yang masih pake jurnal analog</p>
</div>
<div>
<button>GET STARTED</button>
</div>
</div>

#section01 div:nth-child(2):active{
box-shadow: none;
margin-top: 110px;
margin-left: 10px;}

最佳答案

您可以使用 CSS transform property在不破坏布局的情况下移动按钮:

#section01 div:nth-child(2):active{
box-shadow: none;
transform: translate(10px, 20px);
}

关于javascript - 如何更改/移动按钮位置 "when"clicked,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54348264/

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