jquery-ui - jquery Draggable 和 div 与底部固定位置的问题

标签 jquery-ui position draggable

我遇到了一个 div 问题,它一开始就固定在左下角。我需要将其做到可拖动,但是当我使用 jquery 做到这一点时,底部位置保持不变,并且 div 的大小发生变化。

您可以看到此页面中的行为:http://paraguasparados.com

div css代码是:

.fcp-cpanel{
position:fixed;
bottom:20px;
left:10px;
z-index: 99999;
padding: 5px;
color: #000;
text-align: left; 
font-size: 11px; 
background:url('../img/blueicons/background.jpg') repeat-x;
border:1px solid #000;
}

jquery 代码是:

$jn("#fcp-cpanel").draggable({
        containment:"body",
        scroll: false,
        opacity: 0.35
        });

当在 firebug 中时,我删除了“底部”CSS 样式,它的工作方式就像它应该的那样。

感谢您的帮助。

最佳答案

最简单的解决方案是为固定可拖动项添加宽度和高度 <div>以阻止其在拖动时调整大小。

关于jquery-ui - jquery Draggable 和 div 与底部固定位置的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7223879/

相关文章:

javascript - JQuery UI - 可删除或排序 "clear"绝对位置元素彼此靠近

javascript - slider 覆盖 slider 后的内容。为什么?

css - 悬停下拉菜单后无法更改大小和位置

jQuery UI 嵌套 droppables - 使draggable成为droppable

jquery - 使用 jQuery 实现定时动画

javascript - jQuery - 选择覆盖在图像上的不可见文本,ala GMail PDF 查看器

javascript - 获取相机三js中两个物体的距离

javascript - 如何获得 .droppable() 的自定义容差效果?

javascript - JQuery OnDrag 悬停时触发单击

javascript - Javascript/jQuery 范围 slider 是否可访问?