Articles of infinite scroll

déclencher le bouton ‘voir plus’ en faisant défiler

Je veux implémenter une liste infinie dans ma galerie d’images. Par défaut, ma galerie d’images affiche les 25 premières images. J’ai un bouton “Voir plus” qui émet un appel ajax et charge les 25 images suivantes sous les 25 premières et ainsi de suite à chaque clic sur le bouton Voir plus. Ce que je […]

Que se passe-t-il dans ce script de défilement infini?

J’ai trouvé ce script de défilement infini . Cela fonctionne, mais je ne comprends pas cette ligne: ‘contentData’: {}, // you can pass the children().size() to know where is the pagination quand je le change en quelque chose comme ceci: ‘contentData’: {xyz:($(‘#content’).children().size())}, La valeur est la même à chaque fois. Dans mon exemple, lorsque j’appelle […]

Comment dépanner silencieusement js dans Rails?

Il convient de noter que je ne maîsortingse pas très bien Firebug, mais je n’ai pas trouvé d’erreurs expliquant le problème suivant. J’ai un fichier feed.js.erb contenant le code suivant: var $foos = $(”); $(‘#container’).append($foos); $(‘#pagination_button a’).attr(‘href’, ”); Lorsque cet appel ajax est effectué pour la deuxième fois , il semble échouer en silence. Je […]

le défilement infini s’arrête si je fais un zoom sur mon navigateur

J’ai une page avec un défilement infini qui fonctionne bien lorsque le zoom du navigateur de l’utilisateur est à 100%. Si l’utilisateur effectue un zoom avant sur la page ou effectue un zoom arrière (c’est-à-dire autre chose que 100%), le défilement finit par se rompre et la page cesse de récupérer les enregistrements, même s’il […]

Réinitialisation de jScroll après un appel AJAX? (Toujours en train de charger le vieux href après le chargement AJAX)

Je pagine les résultats de la recherche renvoyés par un appel AJAX avec jScroll : $(‘#search’).keyup(function() { var search = $(this).val(); $.get(‘/search’, {search : search}, function(results) { $(‘.scroll-table’).html(results); $(‘.scroll-table’).jscroll(); }); }); Après avoir effectué une nouvelle recherche, lorsque je fais défiler l’écran vers le bas, jScroll charge le contenu du dernier href pour l’ancienne recherche. […]

défilement infini avec rappel Magnific Popup

J’utilise Infinite Scroll et Magnific Popup. La fenêtre contextuelle fonctionne sur le contenu de la page 1 mais échoue par la suite. J’ai tenté d’utiliser un rappel pour MagnificPopup dans l’appel infiniteScroll. $grid.infiniteScroll({ path: ‘.pagination__next’, append: ‘.grid__item’, outlayer: msnry, status: ‘.page-load-status’, }, function( newElements ) { $(‘.open-pop’).magnificPopup({ type: ‘inline’, mainClass: ‘mfp-fade’, fixedContentPos: false, gallery: { […]

Jscroll pas afficher l’option de déclenchement (charger plus d’option)

J’utilise un plugin Jscroll JQuery. Je dois utiliser autosortingggeruntil: 3 , mais cela ne s’affiche pas, cela charge plus d’options au lieu de charger tout le contenu. Pourquoi? Voici mon code: $(‘#product-grid’).jscroll({ autosortinggger: true, autosortingggeruntil: 3, pagingselector: ‘.next-page a’, nextselector: ‘.next-page a’, contentselector: ‘.test’, }); s’il vous plaît me suggérer comment puis-je faire cela? Cordialement, […]

Comment obtenir le défilement infini au travail?

J’essaie de faire fonctionner ce script de charge infinie dans mon projet. Voici mon HTML: … Et voici le script: function scrollalert(){ var pages = document.getElementById(“scroller”).getElementsByTagName(“div”); var currentPageId = pages[pages.length – 1]; //console.log(“currentPageId is: “+currentPageId); var scrollbox = document.querySelector(‘#page-container’); var scrolltop = $(window).scrollTop(); var scrollheight = scrollbox.scrollHeight; var windowheight = $(window).height(); var scrolloffset=20; console.log(scrolltop); console.log(scrollheight); […]

jQuery Infinite Scroll – l’événement se déclenche plusieurs fois lorsque le défilement est rapide

D’accord, le code ci-dessous “fonctionne” en ce sens que lorsque vous faites défiler l’écran jusqu’en bas de la page, la fonction AJAX est activée et les résultats sont ajoutés au div #postswrapper de la page. Le problème est le suivant: si je fais défiler très rapidement lorsque j’atteins le bas de la page, AJAX se […]

Comment capturer un événement de défilement?

Je veux implémenter le défilement infini. Vous trouverez ci-dessous une forme abrégée de ma mise en page. Puisque j’ai quelques éléments relatifs positionnés, l’événement de défilement javascript ne se déclenche pas. Comment puis-je résoudre ce problème afin que l’événement de défilement soit déclenché et implémenter le défilement infini? Ma mise en page principale est: … […]