Infinite Scroll.
Kör igång den "nya" designtips-skolan med en sjukt bra kod som gör saker och ting mycket lättare för blogg.se-bloggar. Som ni antagligen vet så kan man inte ha en "tidigare inlägg" samt en "senare inlägg" på blogg.se-bloggars startsida. Därför är det superduperdunderbra att ha en infinite scroll som jag tänkte visa hur ni skaffar.
Denna kod går att använda sig av på startsidan, arkivsidan samt kategorisidan.
Leta upp </head> i kodmallen på valfri sida och lägg in följande kod precis ovanför.
<script type="text/javascript" src="/static/api.js"></script>
Leta nu upp {% for entry in entries %} som finns i början av content-koderna. Står det [:15] eller liknande i denna kod så ta bort detta. Precis innan koden {% for entry in entries %} så lägger ni in följande kod.
{% block entry_loop %}
Nu är det dags att gå längst ner i content-koderna och där står {% endfor %}, precis efter denna kod lägger ni in följande kod.
{% endblock entry_loop %}
Sist men inte minst läggs följande kod in precis innan </body> längst ner i kodmallen.
{% if page in ["index","archive","category"] and last_ts and page %}<script>
if(typeof(bindContentLoader) == 'function') {
bindContentLoader('{{ page }}',$('#content'),{{ last_ts }});
}
</script>{% endif %}
if(typeof(bindContentLoader) == 'function') {
bindContentLoader('{{ page }}',$('#content'),{{ last_ts }});
}
</script>{% endif %}
Hoppas ni fick nytta av detta designtips. Har ni frågor så lämna en kommentar eller skicka ett mejl till [email protected]. Hör av er angående vad ni vill lära er i nästa tips.
Daniella 🌙
åh, så bra!
Twiggy Lundberg
Åh tack så mycket :D
Julia
Tack! Precis vad jag letade efter :)
Svar:
Carro - Skånes största alternativa gamingblogg
Trackback