修复fancybox在屏幕上的位置?滚动真的?

时间:2011-08-23 13:28:11

标签: javascript jquery scroll position fancybox

我想在花哨的盒子里做几件事 - > 我用它来激活一个AJAX函数,从服务器收到的内容,小问题是 - >

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

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

以下是一些CSS代码,帮助我添加内容。

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

谢谢:)

2 个答案:

答案 0 :(得分:3)

尝试将此添加到您的css

body #fancybox-wrap { position: fixed; }

答案 1 :(得分:1)

有必要设置一个最高距离,否则Fancybox会从顶部计算它,如果容器被修复,它将离开屏幕。

此外,有必要将其设置为!important以覆盖内联css:

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