2014-08-30 12 views
8

मैं व्यूपोर्ट में तत्व होने पर पता लगाने के लिए waypoints जेएस का उपयोग कर रहा हूं।वेपॉइंट्स जेएस नीचे-इन-व्यू, क्या शीर्ष-इन-व्यू है?

http://imakewebthings.com/jquery-waypoints/

https://github.com/imakewebthings/waypoints

यह पता लगाने के लिए जब शीर्ष एक तत्व की व्यूपोर्ट के नीचे स्थित है संभव है?

चीयर्स

Ke

उत्तर

15

कोई भी इसलिए यहाँ अभी तक एक सही जवाब दिया है, मेरा है।

जैसा कि आप पहले ही जानते हैं, वेपॉइंट प्लगइन में offset विकल्प है। यह विकल्प हैंडलर फ़ंक्शन को ट्रिगर करता है या तो आपके तत्व के ऊपर या नीचे व्यूपोर्ट के शीर्ष या नीचे पास हो गया है।

ऑफसेट मूल्य प्रतिशत के रूप में व्यूपोर्ट की ऊंचाई का प्रतिनिधित्व करता है जहां आप फ़ंक्शन को आग लगाना चाहते हैं - 0% शीर्ष पर दाएं, मध्य में 50%, और नीचे 100% दाएं। एक तत्व ध्यान में रखते हुए शुरू होता है

$('.sections').waypoint({ 
    handler: function(direction) { 
     // do stuff 
    }, 
    offset: '100%' 
}); 
+0

है, और आप नीचे स्क्रॉल, तो:

अपने हैंडलर समारोह सक्रिय करने के लिए जब अपने तत्व के शीर्ष तुरंत दृश्य में आता है, तो आप इस तरह, 100% का उपयोग करने की आवश्यकता होगी इसके लिए बैक अप, यह फिर कभी ट्रिगर नहीं करेगा। –

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