当前位置：文江博客话题详情

Fancybox 停止滚动到中心

发布于 2024-10-15 01:31:22 字数 123 浏览 3 评论 0原文

我希望 fancybox 实际上随页面滚动，这样我就可以看到整个 fancy 框。目前它滚动到中心，因此如果您的屏幕较小，则无法看到所有内容。我更改了 centerOnScroll 选项，但没有效果。

请帮忙。谢谢

原文

分享到QQ

分享到微博

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

发布评论

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

半枫 2024-10-22 01:31:23

列表项

$.fancybox({
   'width': 950,
   'height': 500,
   'padding': '0',
   'margin': '0',
   'scrolling': 'yes',
   'autoScale': true,
   'overflow':'auto',
   'transitionIn': 'elastic',
   'transitionOut': 'elastic',
   'type': 'iframe',
   'href': 'your url',
   'hideOnOverlayClick': false,
   'overlayOpacity': 0.95,
   'showCloseButton': false,
   onComplete: function () {
       $('#fancybox-outer').css({'background-color':'#FFFFFF','overflow':'auto'});
   } })

也是答案之一

List item

$.fancybox({
   'width': 950,
   'height': 500,
   'padding': '0',
   'margin': '0',
   'scrolling': 'yes',
   'autoScale': true,
   'overflow':'auto',
   'transitionIn': 'elastic',
   'transitionOut': 'elastic',
   'type': 'iframe',
   'href': 'your url',
   'hideOnOverlayClick': false,
   'overlayOpacity': 0.95,
   'showCloseButton': false,
   onComplete: function () {
       $('#fancybox-outer').css({'background-color':'#FFFFFF','overflow':'auto'});
   } })

Also one of the Answer

回复收藏 0 原文

花桑 2024-10-22 01:31:23

如果是 iphone 或 iPod，则只需禁用居中功能：

/*if its iphone or ipod disregard alignment and dont center*/
if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {
    return ; 
}

只需将以下代码添加到 jquery.fancybox-1.3.4.js 中 $.fancybox.center 函数的顶部

，这将防止盒子在 iphone 上弹起， iPod触摸。但您必须更改脚本的 url 以指向此文件，或者必须重新打包此代码。

You just have to disable centering if it is an iphone or an ipod:

/*if its iphone or ipod disregard alignment and dont center*/
if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {
    return ; 
}

Just add the following code to the top of the $.fancybox.center function in jquery.fancybox-1.3.4.js

This will prevent the box's bouncing on iphone and ipod touch. but you have to change the url of the script to point to this file or you have to repack this code.

回复收藏 0 原文

弥繁 2024-10-22 01:31:23

我目前在项目中使用 fancybox 作为模式，具有以下设置。这些设置使内容保持固定并允许页面滚动。

$.fancybox({
    'content': content,
    'autoDimensions': true,
    'width': 550,
    'height': 'auto',
    'transitionIn': 'fade',
    'transitionOut': 'fade',
    'speedIn': 400,
    'speedOut': 400,
    'padding': 0,
    'modal': true
});

除此之外，请发布一些您的脚本和标记，也许我可以提供一些进一步的帮助。

I am currently using fancybox for the modal's in a project with the following settings. These settings make the content remain fixed and allows scrolling of the page.

$.fancybox({
    'content': content,
    'autoDimensions': true,
    'width': 550,
    'height': 'auto',
    'transitionIn': 'fade',
    'transitionOut': 'fade',
    'speedIn': 400,
    'speedOut': 400,
    'padding': 0,
    'modal': true
});

Beyond this please post some of your script and markup and maybe I can be of some further help.

回复收藏 0 原文

独夜无伴 2024-10-22 01:31:23

发现了恶意代码。这是针对 iPhone 的修复，我只是将其注释掉了......

/*Additional fix for iphone positioning*/
#fancybox-wrap {
  position: fixed;
}

Found the rogue piece of code. It was for an iphone fix and I just commented it out...

/*Additional fix for iphone positioning*/
#fancybox-wrap {
  position: fixed;
}

回复收藏 0 原文

知你几分 2024-10-22 01:31:23

在 Fancybox 2.0 中，有一个新选项可用于允许框随页面滚动：

fixed: false,

In Fancybox 2.0, there is a new option that can be used to allow the box to scroll with the page:

fixed: false,

回复收藏 0 原文

~没有更多了~

关于作者

七堇年

暂无简介

0 文章

0 评论

22 人气

关注发私信

友情链接

文江博客

Fancybox 停止滚动到中心

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

发布评论

评论（5）

关于作者

相关话题

热门标签

推荐作者

1CH1MKgiKxn9p

ゞ记忆︶ㄣ

JackDx

信远

yaoduoduo1995

霞映澄塘

友情链接

Fancybox 停止滚动到中心

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

发布评论

评论（5）

关于作者

相关话题

热门标签

推荐作者

1CH1MKgiKxn9p

ゞ记忆︶ㄣ

JackDx

信远

yaoduoduo1995

霞映澄塘

友情链接

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