我有一个固定的 div,我试图垂直和水平居中.是的,我知道有很多问题和教程可以执行此操作.我检查并按照说明操作.这是我实施的一个:
#draggable {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
现在,我也希望它div可以拖延.所以它应该从屏幕的中心开始,然后用户可以选择拖动它.
问题是,当你开始拖动时,div突然移动得更高.我怎样才能将固定的,可拖动的中心div？
$('#draggable').draggable();body {
width: 2000px;
height: 2000px;
background-image: url("http://www.freevector.com/site_media/preview_images/FreeVector-Square-Patterns-Set.jpg");
}
#draggable {
background-color: red;
color: lightblue;
width: 200px;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
Drag Me!
编辑我更新了示例.draggable没有设定的高度.
京公网安备 11010802040832号 | 京ICP备19059560号-6 