Défilement vertical scindé en deux

Dans ce modèle de site internet, lors du clic sur un lien, le contenu défile verticalement et est scindé en deux.
Ce modèle ne permet pas d'avoir beaucoup de contenu puisque les pages doivent faire la taille de l'écran pour un rendu optimal et intéressant.
Si le contenu de la page demandé est trop important, il vaut mieux alors charger une nouvelle page et que le contenu qui défile ne serve juste que d'introduction ou d'aperçu.

Ce modèle ne fonctionne pas sur les mobiles, puisque l'effet, je trouve, n'est pas aussi intéressant que sur un grand écran, aussi faut-il prévoir une mise en page différente, ou bien garder l'effet juste pour le format paysage et changer la mise en page pour le format portrait.

Les animations se font en CSS3 et le changement des classes en JQuery.