Question

我正在使用jquery fancybox创建模式。

这是JsFidlle示例

我有两个问题。

我想在页面加载时加载模式，因此我使用了以下内容方法
```
  $("#ModalPopup").fancybox({
     }).trigger('click');   
   });
```
这是更好的方法还是更好的方法？
我在模式顶部有标题，在模式末尾有一个按钮页。因此，当我们滚动时，标题和按钮应该是粘滞的
```
<div id="ModalPopup">
    <h1>Title</h1>
 ......
 .......
    <div >
        <button type="button" class="btn-primary">Click</button>
    </div>
</div>
```
如何使“标题”和“按钮”变粘？

任何帮助或建议将不胜感激。

预先感谢

Answer 1

我已经包裹好了身体的身体内容，并给了它固定的高度。对于模式开放，您可以使用下面的方法

using (Document doc = Redactor.Load("D:\\candy.pdf"))
{
     doc.RedactWith(new ExactPhraseRedaction("candy", new ReplacementOptions("[redacted]")));
     // Save the document to "*_Redacted.*" file.
     doc.Save(new SaveOptions() { AddSuffix = true, RasterizeToPDF = false }); 
}

ref：https://fancyapps.com/fancybox/3/docs/#usage

请检查以下链接。 http://jsfiddle.net/ulric_469/g34sdc2k/11/

如果您使用

$.fancybox.open($("#ModalPopup")[0]);

然后，如果您的网站正在跟踪特定元素上的点击事件数，则会出现问题。所以我建议不要在这里使用触发事件。

Answer 2

一种方法是将height分配给您在标题和按钮中间设置的可滚动元素。这样，您可以使用overflow-y: scroll，以便使溢出的内容可滚动，并且标题和按钮分别位于顶部和底部。

请参见小提琴：http://jsfiddle.net/27chr463/

模态中的粘滞标题和按钮

2 个答案: