Fancyboxが中心にスクロールを停止する

Question

ファンシーボックスを実際にページでスクロールして、ファンシーボックスの全体を見ることができます。現在は中央にスクロールしているので、小さな画面があればすべてのコンテンツを見ることはできません。私はcenterOnScrollオプションを変更しましたが、何の効果もありませんでした。

助けてください。 ありがとう

Answer 1

私は現在、以下の設定のプロジェクトでモーダルにfancyboxを使用しています。これらの設定により、コンテンツは固定されたままになり、ページのスクロールが可能になります。この向こう

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

スクリプトの一部を掲載してマークアップと多分私はさらにいくつかの助けになることができますしてください。

Answer 2

不正なコードが見つかりました。それはiPhoneまたはiPodである場合は、ちょうど中心に無効にする必要が...

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

Answer 3

それはiphoneの修正のためだったと私はちょうどそれをコメントアウト：

/*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を変更するか、このコードを再パックする必要があります。 Fancybox 2.0で

Answer 4

は、ページをスクロールするボックスを可能にするために使用できる新しいオプションがあります：

fixed: false, 

Answer 5

リスト項目

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

また

回答

の1