5
के साथ काम करना मैं इंडेक्स पेज पर नई सामग्री में लोड करने के लिए अनंत स्क्रॉल जेएस (ट्विटर पर व्यवहार सेट के साथ) का उपयोग कर रहा हूं। मेरी चिंता यह है कि, मैं असीमित स्क्रॉल के माध्यम से लोड की जा रही नई पोस्ट पर animistion दोबारा कैसे शुरू करूं? मैंने विस्तार से वर्णन किया है कि पृष्ठ संरचना का पालन किया जा रहा है और अगर कोई भी इसके लिए समाधान साझा कर सकता है तो इसकी बहुत सराहना करेंगे।एनीमेशन और अनंत स्क्रॉल जेएस
<!DOCTYPE html>
<html lang="en">
<head></head>
<body>
<div class="animsition">
<header class="header"></header>
<main class="main">
<section class="main-body">
<div id="infinite-scroll">
<article class="post">
<div class="post-body">
<h2 class="post-title">
<a href="" class="nav-link" title=""></a>
<h2>
</div>
</article>
</div>
<div class="pagination">
<a href="" class="next">Load Older Items</a>
</div>
</section>
</main>
<footer class="footer"></footer>
</div>
</body>
</html>
और यहाँ, जे एस है
$(".animsition").animsition({
inClass : 'fade-in',
outClass : 'fade-out',
linkElement : '.nav-link',
overlay : false
});
$(function() {
$("#infinite-scroll").infinitescroll({
navSelector: ".pagination",
nextSelector: ".next",
itemSelector: ".post",
behavior: "twitter"
},
function(newElements){
});