Panzoom: pandzoom सामग्री में स्क्रॉल करना

को निर्मित 5 अक्तू॰ 2015 · 2टिप्पणियाँ · स्रोत: timmywil/panzoom

नमस्ते,

मैं pandzoom सामग्री में स्वाइप करके स्क्रॉल करना चाहता हूं।

मेरी परियोजना में छवि की चौड़ाई है: व्यूपोर्ट का 100%, और जब मेरा इंच पैंडज़ूम छवि पर होता है, तो कुछ भी नहीं जोड़ा जाता है, तर्क। लेकिन क्या आपके पास पंडज़ूम के बावजूद स्क्रॉल की अनुमति देने के लिए कोई टिप है?

उदाहरण: जब छवि अभी तक ज़ूम नहीं हुई है? जब छवि ज़ूम होती है लेकिन छवि मूल कंटेनर की सीमाओं से अवरुद्ध होती है? जब स्क्रॉल नीचे से ऊपर तक एक निश्चित प्रतिशत का प्रतिनिधित्व करता है?

धन्यवाद

स्रोत

ShakurOo

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

मुझे भी यही व्यवहार चाहिए था। यह अच्छा होगा यदि कोई ध्वज "पैनऑनलीवेनज़ूम" था जिसे आप सेट कर सकते थे जो आपको पहले से ही मिनीस्केल पर पैनज़ूम को स्वाइप करने की अनुमति देगा और ज़ूम इन होने पर केवल पैनिंग सक्षम करेगा।

इस बीच आप यह जांच कर कार्यक्षमता को बहुत आसानी से नकली बना सकते हैं कि क्या पैनज़ूम आपके minScale मान से आगे बढ़ गया है और उसके अनुसार अक्षमपैन सेट कर रहा है। मैंने आईओएस उपकरणों और विभिन्न क्रोम डिवाइस अनुकरणकर्ताओं में इसका परीक्षण किया और ऐसा लगता है कि यह ठीक काम करता है:

// Set up panzoom container, making sure to disablePan by default
var $panzoom = $(".panzoom").panzoom({
    minScale: 1,
    disablePan: true
});

// After a zoom event, check zoomed state and reset the disablePanning
$panzoom.on('panzoomzoom', function(e, panzoom, scale, options) {
    $panzoom.panzoom("option", "disablePan", 
        Math.abs(scale - options.minScale) < 0.0001);
});

संपादित करें: गैर-स्पर्श दोनों में ठीक से काम करने के लिए इसे थोड़ा सा ट्वीक किया और इसे थोड़ा पतला बना दिया

kiddailey 22 अक्तू॰ 2015

👍2 🎉1 😄1

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

// Set up panzoom container, making sure to disablePan by default
var $panzoom = $(".panzoom").panzoom({
    minScale: 1,
    disablePan: true
});

// After a zoom event, check zoomed state and reset the disablePanning
$panzoom.on('panzoomzoom', function(e, panzoom, scale, options) {
    $panzoom.panzoom("option", "disablePan", 
        Math.abs(scale - options.minScale) < 0.0001);
});

kiddailey 22 अक्तू॰ 2015

👍2 🎉1 😄1

मैं सहमत हूं। यह फ़ंक्शन बहुत महत्वपूर्ण है, अन्यथा lib थोड़े बेकार है .. विशेष रूप से छोटे स्पर्श उपकरणों पर।
यह एक बहुत ही विशेष मामला नहीं है, कि उन उपकरणों पर एक छवि की 100% चौड़ाई है और मुझे लगता है कि इस छवि पैन कंटेनर के अंदर कब्जा किए जाने के मामले में प्रत्येक अंतिम उपयोगकर्ता पृष्ठ छोड़ देगा: \

thomasfrobieter 6 अप्रैल 2016

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

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

Panzoom: pandzoom सामग्री में स्क्रॉल करना

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

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

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