बेसिक वेपॉइंट उपयोग

Question

मैं वेबपृष्ठ पर आलसी लोड तत्वों के लिए jQuery के लिए Waypoints प्लगइन का उपयोग करने का प्रयास कर रहा हूं। हालांकि मैं इसे काम नहीं कर सकता। :(

मैं एक बहुत ही बुनियादी उदाहरण बनाया:। http://jsfiddle.net/P3XnN/2/

वेपाइंट प्रलेखन सब मैं क्या करने की जरूरत निम्नलिखित है के अनुसार

जे एस:

$('#waypoint').waypoint(function() { 
    alert('You have scrolled to my waypoint.'); 
}); 

HTML:

<div style="height: 500px">Scroll down</div> 
<div id="waypoint">Waypoint</div> 

लेकिन यह स्पष्ट रूप से उतना आसान नहीं है। कृपया मदद करें।

Answer 1

प्लगइन डॉक्स एक offset option कि निम्न करता है पता चलता है:

निर्धारित करता है कितनी दूर तत्व के शीर्ष एक वेपॉइंट को गति प्रदान करने ब्राउज़र विंडो के शीर्ष से होना चाहिए। यह एक संख्या हो सकती है, जो को कई पिक्सल के रूप में लिया गया है, व्यूपोर्ट ऊंचाई का प्रतिशत दर्शाता है, या एक फ़ंक्शन जो कई पिक्सल लौटाएगा।

आप 2 तर्क के रूप में waypoint विधि करने के लिए विकल्पों पारित कर सकते हैं:

$('#waypoint').waypoint(function() { 
    alert('You have scrolled to my waypoint.'); 
}, { 
    offset: '100%' 
}); 

यहाँ एक update fiddle है।