Question

我在网站的多个位置使用simplemodal（www.ericmmartin.com/projects/simplemodal/）。我需要设置一些相对于复制容器div 1000px。这可能吗？或者它们只能被设置到身体上？

Answer 1

只要你的simplemodal html元素是容器的子元素，并且所述容器具有相对或绝对定位，那么你可以将它拉下来。

http://www.w3schools.com/cssref/pr_class_position.asp

编辑：因为您的真正目标是自定义。只需利用库中提供的dev手动定位模态。这是直接从文档中获得的。

// Manually set position using percentages
$("#sample").modal({position: ["50%","50%"]});

为了正确定位它，你只需要获得你想要位于其上方，上方，下方，邻近等位置的元素的偏移量...并执行简单的数学运算，然后调用如上所示设置位置

您可以获得任何元素的偏移量：

var os = $('#selector').offset();
var top = os.top;
var left = os.left;

http://api.jquery.com/offset/

偏移是相对于整个文档的，因此我相信它将满足您的固定定位需求。

Answer 2

这个答案并不是针对simplemodal的，而是一般的CSS规则。如果父容器是position：relative，则子项可以相对于父项定位。例如：

     <div style="position: relative;">
          <div style="position: absolute; top: -100px; left: -100px;">
               This div is 100 pixels up and left of the parent div
          </div>
     </div>

希望有所帮助。祝你好运。

相对于容器div的简单模态

2 个答案: