2014-10-07 9 views
5

तो मुझे फ़ैंसीबॉक्स के साथ यह समस्या हो रही है, जहां पृष्ठ का मुख्य भाग (मुख्य पृष्ठ) स्क्रॉल किया जा रहा है, बॉक्स बाईं ओर और ऊपर यादृच्छिक रूप से स्थानांतरित करता है।फैंक्सबॉक्स "नृत्य"

कोई GIF मुद्दा प्रदर्शित करने के लिए संलग्न:

img

मैं उपयोग कर रहा हूँ Fancybox वी 2 के रूप में तक मुझे पता है।

वेबसाइट here ("दैनिक प्रशिक्षण टैब" के तहत) है।

इस कोड मैं fancybox कॉल करने के लिए उपयोग करते हैं:

$(".signup").fancybox({ 
    maxWidth: 800, 
    maxHeight: 600, 
    fitToView: false, 
    width: '70%', 
    height: '70%', 
    autoSize: false, 
    closeClick: false, 
    openEffect: 'none', 
    closeEffect: 'none' 
}); 

मैं उनके एपीआई जाँच कर ली है, लेकिन नहीं समझ सकता है क्या स्थिति "नृत्य" है।

===============

संपादित

तो मैं समस्या को अलग करने में कामयाब रहे। जब मैं "ओपनफेक्ट: 'कोई नहीं जोड़ता हूं" यह चीज़ जंगली हो जाती है। इसके बिना बॉक्स स्क्रीन के ऊपरी बाईं ओर स्थिर और चिपक जाता है

कोई और विचार?

+0

ऐसा लगता है कि आप 'खिड़की scroll' कार्यक्षमता पर प्रयोग कर रहे हैं में मदद की है? –

+0

@VitorinoFernandes मेरी निजी लिपि में नहीं है, लेकिन मेरे पास है: bootstrap.js, hammer.js, jQ (प्लस: इज़िंग, मूसहेल, एनिमेट और सुपरस्लाइड्स के लिए फ़ाइलें) और उल्लू कैरसेल ... – Aviad

उत्तर

0

यदि आपको स्क्रॉल करने के लिए वेबसाइट की आवश्यकता नहीं है, तो बंद करें को सही पर क्लिक करें या इसे हटा दें, विंडो को मोडल के रूप में दिखाया जाएगा और आप मोडल खोले जाने पर मुख्य पृष्ठ को स्क्रॉल करने में सक्षम नहीं होंगे।

var busy = false; 
// the html class is "o" 
$(".o").fancybox({ 
    //modal: true 
    beforeClose: function() { 
     if (busy) { 
      return false; 
     } 
    } 
}); 

यहाँ उदाहरण: http://jsfiddle.net/MLjAT/

+0

.. और पृष्ठभूमि को कम करने पर भी विचार करें । –

+0

मुझे "dimming" नहीं समझा, यह क्या है? – Supamiu

+0

उसका मतलब है ओवरले – himanshu

0

जहां तक ​​मैं देख सकता हूँ, बॉक्स transition और -webkit-transition सीएसएस गुण जो कुछ JavaScript कोड द्वारा जोड़े जा रहे हैं की वजह से ले जाया जा रहा है। आपको यह जांचना चाहिए कि यह कहां से आ रहा है। प्रत्येक चरण को तोड़ने का प्रयास करें। इसके अलावा एक संभावना है कि यह मुद्दा कोड में किसी तरह के संघर्ष के कारण है, इसलिए इसके लिए भी जांच करें।

+0

थाक्स वारविक - मैं उस – Aviad

0

अपने DOCTYPE में जोड़ने का प्रयास करें

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 

मुझे अतीत

+0

शीतकालीन की जांच करूंगा - यह नहीं करता या तो काम नहीं करता .. – Aviad

संबंधित मुद्दे