页面滚动后,Fancybox 将在页面下方打开

发布于 2024-10-15 17:19:51 字数 225 浏览 3 评论 0原文

我有一个页面使用 fancybox 来显示一系列图像。当我向下滚动页面以查看整个图像,然后单击“下一步”移动到下一个图像时,新框/图像将比视口的垂直中心向下打开(实际上,与滚动)。当我对每个连续的图像不断执行此操作时,我发现自己在最后一个图像上位于页面顶部......

我们如何强制每个连续的框从页面最顶部打开固定的距离(即使分页已向下滚动)。这是否涉及修改js文件本身(例如,视口函数?)。

非常感谢!

I have a page which uses fancybox to display a series of images. When I scroll the page down to view the entire image and then hit next to move to the next image, the new box/image opens further down than the vertical center of the viewport (in fact multiple number of points down compared to the amount of scroll). As I keep doing this for every succesive image I find myself ways down the top of the page on the last image...

How do we force each succesive box to open a fixed amount of distance from the very top of the page (even if paged was scrolled down). Would this involve modifying the js file iteself (e.g., viewport function?).

Many thanks!

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

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

发布评论

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

评论(1

野の 2024-10-22 17:19:51

有一个 centerOnScroll 参数应该可以解决您的问题。
请参阅jQuery FancyBox:滚动时弹出窗口相对于窗口的固定位置

示例:

    $("#LinkName").fancybox({
        'hideOnContentClick': true,
        'autoScale': true,
        'height': 'auto',
        'scrolling': 'no',
        'transitionIn': 'none',
        'transitionOut': 'none',
        'centerOnScroll': true
    }).click();

There is a centerOnScroll parameter which should solve your issue.
See jQuery FancyBox : fixed position of popup with respect to window while scrolling

Example:

    $("#LinkName").fancybox({
        'hideOnContentClick': true,
        'autoScale': true,
        'height': 'auto',
        'scrolling': 'no',
        'transitionIn': 'none',
        'transitionOut': 'none',
        'centerOnScroll': true
    }).click();
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文