my site uses dynamic paging - from this website here.
The hype scene interacts with the dynamic paging hashtag (I think) and stops it from working, unless I put Hype in an iFrame. The problem with this is that I cant use the OnEnterViewport anymore.
(Hype doc is 60% down the page)
/index.html - works fine, dynamic paging hasn’t kicked in because I haven’t clicked new page yet.
/#index.html - Doesn’t work - # is in title.
How do I fix this problem?
If you look at the web developer console, there are a few errors including a Hype one. The other ones might be related, I’m not too sure. The Hype one specifically is thrown because it is expecting a scene div and not finding one. I’m guessing that your dynamic paging library is changing the DOM behind Hype’s back, and so it isn’t able to load/run.
Do you know anything about this?
APPLY ERR bH=299.52000617980957 : TypeError: Cannot read property 'id' of null HYPE-538.thin.min.js:43 APPLY ERR bH=303.12000274658203 : TypeError: Cannot read property 'id' of null HYPE-538.thin.min.js:43 APPLY ERR bH=308.1599807739258 : TypeError: Cannot read property 'id' of null HYPE-538.thin.min.js:43 APPLY ERR bH=313.5600185394287 : TypeError: Cannot read property 'id' of null HYPE-538.thin.min.js:43 APPLY ERR bH=317.8799629211426 : TypeError: Cannot read property 'id' of null HYPE-538.thin.min.js:43 APPLY ERR bH=329.39998626708984 : TypeError: Cannot read property 'id' of null
That is the error I mentioned; it is trying to access a div that it thinks it created but is no longer there. In other words, something (assuming the dynamic paging library) is messing with the document in a way incompatible with Hype.
If you delete cache and load repcardiff.com/#index.html it works, but then when you change from and to again those errors pop up. Do you know anyway to fix this problem?
Some where along the line the icons_hype_container is being stripped of all it’s children and properties.
This will be probably down to something in your JS code.
It should look like this:
But looks like this
