2017-07-12 3 views
0

J'ai fourni un lien ci-dessous à un exemple illustrant parfaitement ce que je demande. Je voudrais savoir par où commencer quelque chose comme ceci. Je veux positionner un élément à centrer tout en faisant défiler mais en quelque sorte respecter les limites de quelque sorte. Comme cet exemple (la zone de texte de trouver votre chemin dans le monde entier): https://ueno.co/work/lonely-planetPosition absolue avec limites?

Je connais le position:absolute, float:left et le centre horizontalement. Mais je ne sais pas comment il a obtenu cette boîte pour défiler seulement un montant limité.

Tout ce dont j'ai vraiment besoin, c'est d'un endroit pour commencer, y a-t-il des tutoriels? Conseils? Des endroits pour commencer? J'ai utilisé l'identifiant mais je suis juste perdu à ce sujet. Cela aurait l'air merveilleux sur le site Web que je construis.

Toutes les réponses seraient très utiles! Je peux fournir un lien vers le site web sur lequel je travaille dans l'espace si c'est nécessaire, pour l'instant j'ai juste besoin d'une direction.

EXAMPLE

Répondre

0

En ce moment, ce que vous voulez est impossible avec CSS pur. L'exemple que vous montrez utilise le framework React: https://facebook.github.io/react/

Si vous avez le temps, et que vous voulez le faire de la même manière, vous pouvez suivre le tutoriel sur ce site.

+0

Super, merci pour le tutoriel, je vais essayer. Je travaille avec Squarespace (utiliser du code personnalisé est quelque chose que je suis habitué) Je me demandais si vous aviez une idée si quelque chose comme ça fonctionnerait avec Squarespace? – LJC