Infinite scroll

2014-12-15 | 12:37:00 | Designtips
Fick en fråga om jag kunde visa hur jag lagt in mitt ''evighets scroll'' - alltså hur jag får så att det laddas mer och mer inlägg ju längre ner man scrollar. Istället för att det tar stopp efter tillexempel 15. Självklart så kan jag visa er det, det är faktiskt inte alls svårt!
 
Börja med att gå in i dina kodmallar - startsida, för det är där vi ska börja ändra..
 
Iallafall.. innan ''</head>'' ska du lägga in denna koden.
<script type="text/javascript" src="/static/api.js"></script>

Bläddra sedan ner lite och ändra ''{% for entry in entries [:20] %}'' till ''{% for entry in entries %}'' för att sedan lägga in detta precis innan.
{% block entry_loop %}
 
Lägg in denna koden efter {% endfor %}.
{% endblock entry_loop %}
 
Och tillsist ska du lägga in denna koden precis över/innan </body>.
{% if page in ["index","archive","category"] and last_ts and page %}<script>
if(typeof(bindContentLoader) == 'function') {
bindContentLoader('{{ page }}',$('#content'),{{ last_ts }});
}
</script>{% endif %}
 
Jag kan även rekomendera att göra detta i kodmallen som heter Kategorier också, så att det blir ''evighets scroll'' där också.. Om ni inte fattade så får ni säga till, så ska jag förklara lite bättre!






Tidigare inlägg