Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Paulo Marcelo_26862

Centralizar DIV meio da página

Recommended Posts

Boa tarde pessoal.

Estou com uma dúvida que não consigo achar a solução.

 

Tenho um hotsite onde é totalmente na Horizontal.

Ao entrar no URL com o nome do artigo, ele faz uma animação rolando até a DIV que está localizado o artigo, como uma Ancora.

 

Porém, o scrollLeft me leva somente a posição de onde a div se encontra (sempre no canto esquerdo da tela)

Precisaria que essa div se posicionasse ao Centro, sempre que procurada.

 

Não sei se fui claro.
O site para teste é o http://mouralacerda-timeline.pulsamos.com.br/#post-33

 

Perceba que na URL passei o parametro "post-33".Com isso, ele vai abrir o site já no post de id 33 (Cujo o Título é o "XFDGSDF".

Como podem ver, o posicionamento dele fica no canto esquerdo.

 

Estou usando

$('html, body').stop().animate({
   scrollLeft: $('#main #content section.decada div.ano article.'+ID_DO_POS).offset().left
}, 1000);

 

 

Obrigado!

Compartilhar este post


Link para o post
Compartilhar em outros sites

O que abriu foi a 2ª década posicionada a esquerda e o box com esse título "XFDGSDF" ao centro. É isso mesmo ou já fez alterações?

De qualquer forma uma sugestão para posicionar o elemento ao centro, partindo do ponto que as medidas do container são em "%", seria ao dar o scrollLeft, re-posicionar o elemento com uma margem de 50% da esquerda menos metade do tamanho do elemento (px).

 

Att.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.