JavaScript 拖曳和居中问题
2024-10-08 02:47:24
今天遇到了一个问题,是这样的,有一个div盒子,实现盒子居中,居中的样式是这样的见下
#box{
width:300px;
height:150px;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
background:#333;
border:2px solid #ccc;
}
上述样式是可以实现样式居中的,问题是我拖曳div盒子不能到右边界和下边界,但是能想左边界和右边界移出盒子的宽高的一半。不知原因在什么地方。
后来,将居中的样式修改了下,就可以了。具体如下:
#box{
width:300px;
height:150px;
position:absolute;
left:50%;
top:50%;
margin:-75px 0 0 -150px;
background:#333;
border:2px solid #ccc;
}
在用JS操作时,就可以实现拖拽的功能了,而且能够到右边界和下边界。
但原因还不是特别清楚。
最新文章
- mysql5.7.1 zip版本安装记录
- python获取指定时间段内的随机不重复的时间点
- C#时间操作
- jQuery 中 offset()方法与用position()的区别
- 【转】HTTP状态码(HTTP Status Code)
- CodeForces 711C Coloring Trees (DP)
- Android内存、性能是程序永恒的话题
- long类型在C#和C++中的异同
- CodeForces 617C Watering Flowers
- MUI ios下用video标签默认全屏播放
- Promise实践
- tornado的异步效果
- xen 基础命令学习
- App架构师实践指南二之App开发工具
- scrapy windows下出现importError:No module named 'win32api'
- DC-学习
- fzu 2082 过路费 (树链剖分+线段树 边权)
- opencv3.2.0实现连续图片合成avi视频
- UI设计学习笔记(7-12)
- 沉迷AC自动机无法自拔之:穿越广场 square