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

发布于 2024-11-30 17:54:36 字数 282 浏览 0 评论 0原文

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

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

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

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

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

谢谢 :)

I want to do a couple of things in fancy box - >
I am using it to fire an AJAX function,the recieved content from server, little problem is ->

1.
It is not auto scrolling, am getting a scroll and am able to scroll but cannot scroll it using the touchpad.

2.
i want to fix the position of it on the screen, it is moving if i scroll the page in backgroung.

Following is some CSS code, help me what to add in it.

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

Thanks :)

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

荒岛晴空 2024-12-07 17:54:36

尝试将其添加到您的CSS中

body #fancybox-wrap { position: fixed; }

Try adding this to your css

body #fancybox-wrap { position: fixed; }
鼻尖触碰 2024-12-07 17:54:36

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

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

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

It is necessary to set also a top distance, otherwise Fancybox calculates it from the top and if the container is fixed it will go out of the screen.

Furthermore, it is necessary to set it as !important in order to overwrite inline css:

#fancybox-wrap {
    top: 100px !important;
}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文