Leaflet: उपयोगकर्ता को क्लोज़पॉप पर पॉपअप फ़ेडऑट एनीमेशन न रखने दें (v1 बीटा 2)

को निर्मित 8 नव॰ 2015 · 4टिप्पणियाँ · स्रोत: Leaflet/Leaflet

पॉपअप बंद करते समय नया पत्रक v1 फ़ेडऑट एनीमेशन लाता है। यह बहुत अच्छा है, लेकिन:

उपयोगकर्ता को यह फ़ेडऑट चुनने या न चुनने देने का विकल्प होना बहुत अच्छा होगा।
व्याख्या: मैं कुछ फ़ंक्शन map.on.popupopen को वास्तविक समय में शैली में चलाता हूं जो पॉपअप खुल रहा है (पृथ्वी पर विभिन्न स्थानों के लिए विभिन्न शैलियों)। और अब शामिल किए गए नए फ़ेडआउट के साथ, मेरे द्वारा जोड़ी गई शैलियाँ CLOSING पॉपअप के फ़ेडऑट के दौरान पहले से ही दिखाई दे रही हैं (नया पॉपअप खुलने से पहले)। जो एक बदसूरत दृश्य मिश्रण की ओर जाता है :)

http://jsfiddle.net/Pe5xU/268/

मुझे लगता है कि वैश्विक विकल्प फेडएनीमेशन सही/गलत के बजाय हमें एक दूसरे से स्वतंत्र रूप से पॉपअप के फीडइन/फीडआउट को चुनने/नहीं चुनने देना बहुत अच्छा होगा।

यहां तक कि "मेरी" छोटी समस्या के बारे में भी, मुझे पॉपअप गायब हुए बिना फीका देखना अच्छा लगता है और मैं अकेला नहीं हूं ... :)

स्रोत

remilev

👍1

सबसे उपयोगी टिप्पणी

यदि आप पहले से ही पॉपअप स्टाइल कर रहे हैं, तो बस इस सीएसएस को जोड़ें:

.leaflet-fade-anim .leaflet-popup {
  transition: none;
}

आइए हम वैश्विक विकल्प फेडएनीमेशन सही/गलत के बजाय एक दूसरे से स्वतंत्र रूप से पॉपअप के फ़ेडइन/फ़ेडऑउट का चयन करें/नहीं करें।

बस उन पॉपअप में एक सीएसएस वर्ग जोड़ें, जिनके लिए आप फीका एनिमेशन अक्षम करना चाहते हैं, और उसी सीएसएस का उपयोग करें :-)

मुझे नहीं लगता कि यह एक बहुत ही महत्वपूर्ण विशेषता है, खासकर जब इसे थोड़ा अतिरिक्त सीएसएस के साथ काम किया जा सकता है।

IvanSanchez 9 नव॰ 2015

👍5

सभी 4 टिप्पणियाँ

यदि आप पहले से ही पॉपअप स्टाइल कर रहे हैं, तो बस इस सीएसएस को जोड़ें:

.leaflet-fade-anim .leaflet-popup {
  transition: none;
}

आइए हम वैश्विक विकल्प फेडएनीमेशन सही/गलत के बजाय एक दूसरे से स्वतंत्र रूप से पॉपअप के फ़ेडइन/फ़ेडऑउट का चयन करें/नहीं करें।

IvanSanchez 9 नव॰ 2015

👍5

धन्यवाद। लेकिन इस बीच यह फीका भी छोड़ देता है ...

हालांकि यह बहुत महत्वपूर्ण नहीं है, आप सही हैं।
यह स्रोत कोड में कुछ पंक्तियों को अलग करके किया जा सकता है (यह बुरा है, मुझे पता है :)।
पॉपअप हटाते समय, मैं fadeOut से बचने के लिए IF भाग को छोड़ देता हूं:

 एल.पॉपअप = एल.लेयर.विस्तार({
 ...

 onRemove: फ़ंक्शन (मानचित्र) {
 // अगर (नक्शा._fadeAnimated) {
 // L.DomUtil.setOpacity (यह._कंटेनर, 0);
 // this._removeTimeout = setTimeout (L.bind(L.DomUtil.remove, L.DomUtil, this._container), 200);
 //} अन्यथा {
 एल.DomUtil.remove(this._container);
 //}
 map.fire ('पॉपअपक्लोज़', {पॉपअप: यह});
 अगर (यह._स्रोत) {
 this._source.fire('popupclose', {popup: this}, true);
 }
 },
 ...

 )}

remilev 9 नव॰ 2015

@remilev कृपया स्रोत कोड के

IvanSanchez 9 नव॰ 2015

@IvanSanchez धन्यवाद!

.leaflet-fade-anim .leaflet-popup {
  transition: none;
}

यह मेरे लिए काम करता है।

trandaison 14 दिस॰ 2017

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Leaflet: उपयोगकर्ता को क्लोज़पॉप पर पॉपअप फ़ेडऑट एनीमेशन न रखने दें (v1 बीटा 2)

सबसे उपयोगी टिप्पणी

सभी 4 टिप्पणियाँ

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