मुझे एनीमेशन के साथ जावास्क्रिप्ट विधि स्क्रॉल करने के लिए (x, y) निष्पादित करने की आवश्यकता है। मैं इसे करने के लिए jQuery का उपयोग नहीं कर सकता।एनीमेशन के साथ स्क्रॉलिंग
5
A
उत्तर
2
आप window.setTimeout() और window.clearTimeout() कॉल का उपयोग करके जावास्क्रिप्ट में कुछ भी एनिमेट कर सकते हैं। देखें http://www.w3schools.com/js/js_timing.asp
9
function interpolate(source,target,pos) {
return (source + (target - source) * pos);
}
function easing(pos) {
return (-Math.cos(pos * Math.PI)/2) + 0.5;
}
function scrollTop(duration) {
duration = duration || 1000;
var startY = window.pageYOffset,
start = Number(new Date()),
finish = start + duration;
var interval = setInterval(function() {
var now = Number(new Date()),
pos = (now > finish) ? 1 : (now - start)/duration;
scrollTo(0, interpolate(startY, 0, easing(pos)));
if (now > finish)
clearInterval(interval);
}, 15);
};
संबंधित मुद्दे
- 1. स्क्रॉलिंग एनीमेशन प्रोग्रामेटिक रूप से
- 2. स्क्रॉलटॉप एनीमेशन के बाद स्क्रॉलिंग/स्क्रॉलबार ताले
- 3. देरी के साथ एनीमेशन के साथ कैलियर एनीमेशन को रोकना
- 4. विंडो स्क्रॉलिंग एनीमेशन की सीएसएस वैल्यू सीमाएं सेट करना
- 5. दो इंटरपोलेटर के साथ एनीमेशन
- 6. एंड्रॉइड समस्या: अंतहीन स्क्रॉलिंग के साथ देखें
- 7. एंड्रॉइड: वर्टिकल स्क्रॉलिंग टेक्स्ट के साथ टेक्स्टव्यू
- 8. असीमित स्क्रॉलिंग के साथ स्क्रैप वेबसाइट
- 9. क्षैतिज स्क्रॉलिंग के साथ div केवल
- 10. क्लिप के साथ ओवरस्क्रॉल स्क्रॉलिंग संकेतक पैडिंग
- 11. चिकना स्क्रॉलिंग के साथ चिपचिपा नेविगेशन
- 12. एनीमेशन UIScrollView एनीमेशन के बाद एनीमेशन
- 13. एनीमेशन के साथ स्क्रॉल करने के लिए
- 14. स्क्रॉलिंग
- 15. स्क्रॉलिंग
- 16. स्क्रॉलिंग
- 17. स्क्रॉल एनीमेशन
- 18. एक एक्सएमएल एनीमेशन फ़ाइल के साथ लूपिंग?
- 19. ViewFlipper के साथ कोई एनीमेशन नहीं है?
- 20. एंड्रॉइड - संक्रमण एनीमेशन के साथ टैबएक्टिविटी
- 21. एनीमेशन के साथ UITableViewCell जोड़ें/हटाएं?
- 22. एनीमेशन के साथ छुपा div दिखाएं
- 23. गैर रेखीय एनीमेशन के साथ UIScrollview setContentOffset?
- 24. जीसीडी के साथ 'धारावाहिक' एनीमेशन कैसे करें?
- 25. एनीमेशन के साथ गतिविधि समूह स्विच दृश्य
- 26. jQuery के साथ रन/पॉज़ सीएसएस एनीमेशन
- 27. घटना के साथ एसवीजी ट्रिगर एनीमेशन
- 28. कैसे साथ एनीमेशन अनुवाद Android
- 29. scrollTop jquery, आईडी के साथ div करने के लिए स्क्रॉलिंग?
- 30. फास्ट स्क्रॉलिंग