jQuery fancybox2를 사용하고 있습니다. fancybox의 내용은 Amazon S3의 이미지입니다. 이미지의 URL이 동적으로 설정됩니다. 일부 이미지가 크고 이미지를 여는 데 약간의 지연이 있습니다.jQuery fancybox 스크롤바
팬시 박스를 처음로드 할 때 이미지 높이가 뷰포트 높이 이상인 경우 스크롤바를 표시 할 수 없다는 것이 문제입니다. fancybox를 닫고 다시 열면 스크롤바가 나타납니다.
내가 사용하고있는 코드는이 내가이 fancybox의 크기를 조정 업데이 트를 호출하고 afterShow에서 볼 수 있듯이
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)
(커피 스크립트에서). 문제는 처음 s3 이미지가로드되기 전에 afterShow를 호출한다는 것입니다. 다음에 이미지가 브라우저에 캐시 될 때 빠르게로드되고 fancybox가 높이를 조정하면 스크롤 막대가 나타납니다.
스크롤바를 처음으로 표시하는 방법은 무엇입니까?