Comments (6)
Hi @tobimori, thanks for reporting this issue and for bringing your work to my attention - it looks really nice.
Yes there is an issue with the author and tag pages when using infinite scroll. I'd be happy to take an PR, if you want to fix this.
from gatsby-theme-try-ghost.
Not really understand how the pagination works yet, so I'm happy If you do it 😄
from gatsby-theme-try-ghost.
This is actually a bit tricky. I haven't quite made up my mind on how to best solve this.
from gatsby-theme-try-ghost.
On our old Ghost Theme we fetched the contents from the next site and just added the contents of the Post List there to the Post List on the main site
let page = 2;
let url_blog = window.location.href.replace("\/#", "/");
let ids = ['p31', 'p32', 'p33', 'p21', 'p22', 'p1']
let max_page = {{ pagination.pages }};
let currentlyLoading = false;
function ready(fn) {
if (document.readyState != 'loading') {
fn();
} else {
document.addEventListener('DOMContentLoaded', fn);
}
}
function loadContent() {
var req = new XMLHttpRequest();
req.onreadystatechange = function () {
if (this.readyState == 4 && this.status == 200) {
parser = new DOMParser();
doc = parser.parseFromString(this.responseText, "text/html");
ids.forEach((id) => {
document.getElementById(id).innerHTML += doc.getElementById(id).innerHTML;
})
currentlyLoading = false;
}
};
req.open("GET", url_blog + 'page/' + page, true);
req.send();
page = page + 1;
}
function bottomDistance() {
return Math.max(document.body.offsetHeight - (window.pageYOffset + window.innerHeight), 0);
}
ready(() => {
document.addEventListener('scroll', function () {
if (bottomDistance() < 1000 && !currentlyLoading) {
currentlyLoading = true;
loadContent();
}
})
})
from gatsby-theme-try-ghost.
@tobimori: really interesting idea. For now I will stick to the current mechanism of fetching posts from files, but would reconsider if you method turns out to be faster.
from gatsby-theme-try-ghost.
Fixed in npm version >=1.10.2
.
from gatsby-theme-try-ghost.
Related Issues (20)
- Integrate Handlebar Templating HOT 2
- support for ignoring http errors like 403 when try to download image HOT 6
- Certificate Has Expired HOT 2
- Issue with Gatsby v3 HOT 4
- hi, ive deploy it with netlify, how can i find the admin pannel? HOT 3
- Site-Logo-URL is not redirecting to siteURL in case base path set to '/blog' HOT 1
- Allow override title and description HOT 2
- Allow filtering of Ghost artifacts retrieval HOT 2
- Ghost post is not reflecting when working in dev mode HOT 6
- Not able to find gatsby-rehype-remote-images plugin HOT 2
- How to edit casper UI? HOT 4
- Error: url passed to createRemoteFileNode is either missing or not a proper web HOT 6
- No Fetched posts HOT 4
- Some images has processed srcset but only renders the placeholder HOT 4
- gatsby build issue and `gatsby-rehype-ghost-links` HOT 3
- API keys added to ghost,json HOT 1
- gatsby-rehype-ghost-links not rewriting urls HOT 9
- gatsby-transformer-rehype with custom plugin not working in Gatsby v3.14 HOT 1
- Support for Gatsby 4 HOT 5
- Errors on Development process HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from gatsby-theme-try-ghost.