Ir ao conteúdo

Posts recomendados

Postado

Apesar de não ter tido respostas, dei uma pesquisada e consegui fazer.

 

<div class="container">
  <div class="naomexer"> 
    <h1>TESTE  STICKY</h1>
    <p>Example One</p>
    <p></p>Example 2</p>
  </div>
  <div class="mexer">
    <img src="https://jornalromaria.com.br/uploads/imagens/gutters-are-the-padding.png" alt="">
  </div>
</div>

 

  body{
    height: 300vh;
  }
  .container{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 324px;
    height: 149vh;
  }

  .mexer{
  position: sticky;
  top: 1rem;
  align-self: start;
  display: flex;
  align-items: center;
  justify-content: center;
  }

  .naomexer{
    position: relative;
    top: 100vh;
  }

 

  • mês depois...

Crie uma conta ou entre para comentar

Você precisa ser um usuário para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Mostrar mais  

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

Mostrar mais  
×
×
  • Criar novo...