Wont load without iFrame

scrolling
iframe

#1

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?


(Jonathan Deutsch) #2

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.


#3

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


(Jonathan Deutsch) #4

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.


#5

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?


(Mark Hunte) #6

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