Wie kann ich das Scrollen des übergeordneten Dokuments aktivieren, während die fancybox geöffnet ist?

Question

Ich möchte, dass eine Fancybox angezeigt wird, aber immer noch auf der übergeordneten Seite nach oben und unten scrollen kann.

Gibt es eine Möglichkeit, das zu tun?

Meine Fancybox Definition:

// Fancy box to appear when user scrolls below video 
      $(".fancybox").fancybox({ 
       autoSize:false, 
       modal:false, 
       width:400, 
       height:'auto', 
      }); 

Answer 1

Sie müssten als CSS-Regeln festlegen fancybox die diejenigen zu überschreiben:

html.fancybox-lock, html.fancybox-lock body { 
    overflow: visible !important; 
} 

html.fancybox-lock body .fancybox-overlay{ 
    overflow: hidden !important; 
} 

Answer 2

Fancybox bietet diese Funktionalität innerhalb seiner API, keine Notwendigkeit, alle CSS-Regeln außer Kraft zu setzen

Fügen Sie Ihrem Skript einfach die helpers Option wie

hinzu

DEMO