La fonction jQuery semble quitter lorsque différentes fonctions jQuery sont appelées

J’ai écrit ma propre fonction qui garde une barre latérale fixe à l’écran après un certain sharepoint défilement, puis la ramène à sa position relative lors du défilement vers le haut. Si la fenêtre est redimensionnée à une taille inférieure à la hauteur de la barre latérale, elle revient également à sa position relative normale. Fonctionne très bien!

Le problème est que lorsque je lance une autre fonction, à savoir fancybox (), sur la vignette panoramique dans le corps de la page, et que j’essaie de faire défiler la page, ma fonction originale de “correction du défilement” semble cesser de fonctionner.

Quelqu’un sait pourquoi c’est?

//////////////////////
Page de démonstration
//////////////////////

• JQuery Fancybox – Plusieurs instances en ligne
• Fancybox, lorsque j’ouvre un groupe d’images et que je clique ensuite sur l’utilisation de «start index» – cela ne fonctionne pas normalement
• Contrôle Fancybox2 superposition fadeIn vitesse
• Fancybox infinite loop – Impossible de lire la propriété ‘href’ de non définie
• Fancybox force faire défiler vers le haut

//////////////////////////////////////////
Fonction “Scroll-Fix”

$(document).ready(function(){ var element = $("#sidebar"); var window_height = $(window).height(); var element_height = element.height(); $(window).ready(function() { if (window_height > element_height) { if (($(document).scrollTop() + element.height()) > ($(document).height() - $("#footer").height() - 9)) { element.css("position","absolute"); element.css("top", "auto"); element.css("bottom","-60px"); } else if ($(document).scrollTop() > 220) { element.css("position","fixed"); element.css("top","9px"); element.css("padding-top","0"); element.css("bottom","auto"); } else { element.css("position","relative"); element.css("top","auto"); element.css("padding-top","57px"); element.css("bottom","auto"); } } else { element.css("position","relative"); element.css("top","auto"); element.css("padding-top","57px"); element.css("bottom","auto"); } }); $(window).scroll(function() { if (window_height > element_height) { if (($(document).scrollTop() + element.height()) > ($(document).height() - $("#footer").height() - 9)) { element.css("position","absolute"); element.css("top", "auto"); element.css("bottom","-60px"); } else if ($(document).scrollTop() > 220) { element.css("position","fixed"); element.css("top","9px"); element.css("padding-top","0"); element.css("bottom","auto"); } else { element.css("position","relative"); element.css("top","auto"); element.css("padding-top","57px"); element.css("bottom","auto"); } } else { element.css("position","relative"); element.css("top","auto"); element.css("padding-top","57px"); element.css("bottom","auto"); } }); $(window).resize(function(){ window_height = $(window).height(); if (window_height > element_height) { if (($(document).scrollTop() + element.height()) > ($(document).height() - $("#footer").height() - 9)) { element.css("position","absolute"); element.css("top", "auto"); element.css("bottom","-60px"); } else if ($(document).scrollTop() > 220) { element.css("position","fixed"); element.css("top","9px"); element.css("padding-top","0"); element.css("bottom","auto"); } else { element.css("position","relative"); element.css("top","auto"); element.css("padding-top","57px"); element.css("bottom","auto"); } } else { element.css("position","relative"); element.css("top","auto"); element.css("padding-top","57px"); element.css("bottom","auto"); } }); }); 

• Fancybox Télécharger Image
• Liens dans la légende sur Fancybox 2
• Ajouter un lien à Head of Iframe
• Déclenchement de fancybox à partir d’un lien de la page – Galerie d’images avec plusieurs albums
• La barre de défilement Fancybox 2 disparaît et le site se déplace vers la droite

 (function($) { $.fn.myScrollFix = function(options) { options = $.extend({ footer: "footer", pthis: this, doc: $(document), win: $(window) }, options || {}); options.footer = $(options.footer); options.accion = function() { var element = options.pthis, doc_scroll_top = options.doc.scrollTop(), doc_height = options.doc.height(), window_height = options.win.height(), element_height = options.pthis.height(), footer_height = options.footer.height(); if (window_height > element_height) { if ((doc_scroll_top + element_height) > (doc_height - footer_height - 9)) { element .css("position","absolute") .css("top", "auto") .css("bottom","-60px"); } else if (doc_scroll_top > 220) { element .css("position","fixed") .css("top","9px") .css("padding-top","0") .css("bottom","auto"); } else { element .css("position","relative") .css("top","auto") .css("padding-top","57px") .css("bottom","auto"); } } else { element .css("position","relative") .css("top","auto") .css("padding-top","57px") .css("bottom","auto"); } }; $(window).bind("scroll", options.accion); $(window).bind("resize", options.accion); options.accion(); }; })(jQuery); $(document).ready(function(){ $("#sidebar").myScrollFix(); }); 

 $(window).unbind("resize scroll", $.fn.fancybox.scrollBox); 

 $(window).unbind("resize scroll", $.fn.fancybox.scrollBox); 

 $(window).unbind('scroll', $.prettyPhoto.close); 

 if (opts.centerOnScroll) { $(window).unbind("resize scroll"); } 

 if (opts.centerOnScroll) { // $(window).unbind("resize scroll"); }