jQuery 花式框滚动条答案

【问题标题】：jQuery fancybox scrollbarjQuery 花式框滚动条
【发布时间】：2017-11-12 15:12:38
【问题描述】：

我正在使用 jQuery fancybox2。 fancybox 的内容是来自 Amazon S3 的图像。图像的 URL 是动态设置的。部分图片较大，打开稍有延迟。

我的问题是第一次加载fancybox时，如果图像的高度大于视口高度，则无法显示滚动条。如果我关闭花式框并再次打开它，则会出现滚动条。

我使用的代码是这个（在 CoffeeScript 中）

show: (offer) ->
  options = {
    fitToView  : true,
    autoSize  : true,
    autoCenter :  true,
    closeClick  : false,
    height : 'auto',
    openEffect  : 'fade',
    closeEffect  : 'fade',
    scrolling : 'auto',
    afterShow: ->
      $.fancybox.update()
  }
  $.fancybox($("div#imageModal"), options)

正如您在 afterShow 中看到的，我正在调用 update 来调整 fancybox 的大小。问题是它在 s3 图像完成加载之前第一次调用 afterShow 。从下次图片缓存在浏览器中开始，它会快速加载，fancybox 会调整它的高度并出现滚动条。

如何让滚动条第一次出现？

【问题讨论】：

标签： jquery fancybox-2

【解决方案1】：

尝试使用 afterLoad 而不是 afterShow。

请参阅此处的回调部分： http://fancyapps.com/fancybox/#docs

【讨论】：

【解决方案2】：

改变这个：

'autoSize'：假

【讨论】：