Question

我希望fancybox能够实际滚动页面，这样我才能看到整个花哨的盒子。目前它滚动到中心，所以如果你有一个小屏幕，你看不到所有的内容。我已经更改了centerOnScroll选项，但它没有效果。

请帮忙。感谢

Answer 1

列出项目

$.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'});
   } })

也是答案之一

Answer 2

如果是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 touch上弹跳。但您必须更改脚本的URL以指向此文件，否则您必须重新打包此代码。

Answer 3

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

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

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

Answer 4

发现了一条流氓代码。这是一个iphone修复，我只是评论出来......

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

Answer 5

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

fixed: false,

Fancybox停止滚动到中心

5 个答案: