修复fancybox在屏幕上的位置？滚动是真的吗？答案

【问题标题】：fix the position of fancybox on screen? scroll true?修复fancybox在屏幕上的位置？滚动是真的吗？
【发布时间】：2013-01-22 00:24:56
【问题描述】：

我想在花哨的盒子里做几件事-> 我正在使用它来触发 AJAX 功能，从服务器接收到的内容，小问题是 ->

1。它不是自动滚动，正在滚动并且能够滚动但无法使用触摸板滚动。

2。我想固定它在屏幕上的位置，如果我在背景中滚动页面，它就会移动。

以下是一些 CSS 代码，帮我在其中添加什么。

width:720px;
height:380px;
float:left;
overflow-y:scroll;

谢谢:)

【问题讨论】：

【解决方案1】：

尝试将其添加到您的 css 中

body #fancybox-wrap { position: fixed; }

【讨论】：

【解决方案2】：

还需要设置一个顶部距离，否则 Fancybox 会从顶部开始计算，如果容器固定，它将超出屏幕。

此外，必须将其设置为 !important 以覆盖内联 css：

#fancybox-wrap {
    top: 100px !important;
}

【讨论】：