Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/428.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript “如何更改/移动按钮位置”;什么时候;点击_Javascript_Html_Css - Fatal编程技术网

Javascript “如何更改/移动按钮位置”;什么时候;点击

Javascript “如何更改/移动按钮位置”;什么时候;点击,javascript,html,css,Javascript,Html,Css,我将我的按钮设置为:active,以便在单击边距顶部和左侧时移动它,但每次我单击按钮时,上面的标题也会移动到顶部,这也会影响滚动条。如何使按钮移动 然后,当我将边距顶部添加到我的按钮div时,上面的标题也被推到顶部,如何去掉它,使按钮只向下 谢谢 这是我的密码: 您可以使用移动按钮,而无需改变布局: #第01节分区:第n个子项(2):活动{ 盒影:无; 转换:转换(10px,20px); } 还可以定义转换,以设置动画类型和持续时间 <body> <div class="cen

我将我的按钮设置为:active,以便在单击边距顶部和左侧时移动它,但每次我单击按钮时,上面的标题也会移动到顶部,这也会影响滚动条。如何使按钮移动

然后,当我将边距顶部添加到我的按钮div时,上面的标题也被推到顶部,如何去掉它,使按钮只向下

谢谢

这是我的密码:

您可以使用移动按钮,而无需改变布局:

#第01节分区:第n个子项(2):活动{
盒影:无;
转换:转换(10px,20px);
}

还可以定义转换,以设置动画类型和持续时间
<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;}