Tutte le idee come risolvere il problema barra di scorrimento? Ogni volta che una fancybox viene attivata sul mio sito crea una barra di scorrimento durante l'inizializzazione e poi torna a lampeggiare di nuovo, ma questo sposta l'intera pagina per una frazione di secondo. Non molto elegante!Quando un fancybox 2 viene attivato, una barra di scorrimento lampeggia sulla pagina padre che causano il contenuto di spostamento a sinistra e poi di nuovo
Si tratta di un bug con Fancybox 2?
codice utilizzato per attivare Fancybox:
$('map > area.fancybox').click(function(e) {
e.preventDefault();
var url = $(this).attr('href');
$.fancybox({
'href' : url,
closeBtn : true,
width : '467',
height : '609',
fitToView : false,
padding : '5',
openEffect : 'none',
closeEffect : 'none'
});
});
Buona soluzione, grazie. Peccato solo dover modificare il CSS con una funzione per correggere un bug! – JayDee
Non penso sia un bug (prima di fare questa affermazione dovresti fornire più elementi). Dovrebbero essere le impostazioni della tua pagina css (un elemento fluttuante per esempio) che quando fancybox viene aggiunto al 'body', può creare uno spazio extra nell'altezza del corpo in modo che le barre di scorrimento appaiano. Non ho mai visto questo comportamento, quindi la soluzione sopra descritta è molto specifica. – JFK
Questo funziona per me, perché ho probabilmente la proprietà 'overflow-y: scroll' su html/body come OP, ma puoi ancora vedere la seconda scrollbar scomparire durante l'effetto. Sarebbe l'ideale non averlo mai apparire. http://jsfiddle.net/NVHWw/ – RCNeil