2013-10-23 16 views
6

लोग,

मैं कोणीय यूआई (http://angular-ui.github.io/bootstrap/) से $ मोडल घटक का उपयोग कर रहा हूँ। जब भी मोडल इसे शीर्ष से नीचे स्क्रॉल की तरह खोलता है। http://plnkr.co/edit/?p=preview

किसी को भी पता है कि यह कैसे प्राप्त करने के लिए: मैं बस यह अभी है कि

Plnkr फैंसी रोल से टॉप प्रभाव के बजाय खोलना चाहते हैं?

+0

आपके प्लंकर में एक मॉडल उदाहरण नहीं है। –

उत्तर

12

windowClass से "modal fade in" विकल्प बदलने से एनिमेटेड स्लाइड हटा दी जाती है।

var modalInstance = $modal.open({ 
     windowClass: "modal fade in" 
}); 

Plunker

कि फीका वर्ग को हटाने यह विश्वास है या फीका प्रभाव को निकाला नहीं करने के अलावा।

+0

कोशिश की और यह काम करता है। मोडल लोड बहुत स्नैपियर बनाता है। – zszep

+6

यह मोडल ओपन के लिए स्लाइड-इन एनीमेशन को रोकता है, लेकिन मोडल को बंद करने में अभी भी स्लाइड-आउट एनीमेशन है। साथ ही, 'फीड' को हटाने से कोई फर्क नहीं पड़ता - [अपडेटेड प्लंकर देखें] (http://plnkr.co/edit/K3eLx1h00Tk7F6UQrvkm?p=preview) – IanB

5

चाल एनीमेशन को अक्षम करने के लिए सीएसएस का उपयोग करना है। मैंने इसे जोड़ लिया है:

.modal.fade .modal-dialog { 
    -webkit-transform: translate(0, 0); 
    -ms-transform: translate(0, 0); 
    transform: translate(0, 0); 
} 

स्टाइलशीट में। यह प्लंकर देखें: http://plnkr.co/edit/43oCGtDb3CaP9bwgW5gm?p=preview

+1

अगर मैं केवल फीड गति को बदलना चाहता हूं, तो मैं क्या करूँगा? –

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