position: fixed + float: right;

[woak0 0]

Como posso deixar usar os atributos no título junto sem bugar?

Não estou conseguindo deixar fixo o botão fechar do modal, segue o exemplo:

 

https://aeffy.com/modal.php

 

Eu quero deixar o botão fixo por causa do scroll, mas que o botão fique dentro do modal

[Junior Varoni 9]

Voce poderia utilizar o fixed e usar left:10px; ou right:10px; por exemplo.

 

Mais ou menos assim:

.aeffy-modal-close {
   position:fixed;
   right:10px;
   top:5px;
}

Com esse css, o elemento ficara fixo a 10px da direita e a 5 px do topo.

[William Bruno 1501]

Ai vc vai usar um position: absolute para o botão fechar.

[Junior Varoni 9]

Ai você vai usar um position: absolute para o botão fechar.

 

Bom dia Bruno, gostaria de fazer uma observação.

 

Se ele utilizar position:absolute, o botão de fechar não acompanhara o scroll.

[William Bruno 1501]

Não precisa acompanhar. Só precisa ficar fixo no modal, e não na janela.

 

Leia o que ele pediu. =)

[Junior Varoni 9]

Não precisa acompanhar. Só precisa ficar fixo no modal, e não na janela.

 

Leia o que ele pediu. =)

 

Acreditava que ele gostaria que o botao fechar acompanhasse o scroll dentro do modal.

 

:) :)

[woak0 0]

Não precisa acompanhar. Só precisa ficar fixo no modal, e não na janela.

 

Leia o que ele pediu. =)

Agradeço sua paciência, mas o quis dizer com que fique dentro do modal, é que se eu coloco position fixed e float right, ele "pula" pra fora do modal e vai pro canto superior direito fora do modal, o que eu queria saber, é como deixar o botao fechar fixado no modal, no mesmo lugar, independente do scroll

 

 

Acreditava que ele gostaria que o botao fechar acompanhasse o scroll dentro do modal.

 

:) :)

exato

[woak0 0]

Voce poderia utilizar o fixed e usar left:10px; ou right:10px; por exemplo.

 

Mais ou menos assim:

.aeffy-modal-close {
   position:fixed;
   right:10px;
   top:5px;
}

Com esse css, o elemento ficara fixo a 10px da direita e a 5 px do topo.

http://prntscr.com/9p1u2q

usei como disse e da sempre esse 'bug'

[Junior Varoni 9]

http://prntscr.com/9p1u2q

usei como disse e da sempre esse 'bug'

 

Subistitua o estilo do aeffy-modal-close por este daqui:

.aeffy-modal-close{
    position:fixed; /* Torna em posição fixa */
    right:30%; /* da um recuo de 30% em relação a direita */
    margin-right:-50px; /* dos 30% de recuo, ele volta 50px */
    cursor: pointer;
    padding: 10px;
    font-weight: bold;
    text-align: center;
    color: black;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -khtml-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}

Qualquer dúvida é só postar.

[woak0 0]

 

Subistitua o estilo do aeffy-modal-close por este daqui:

.aeffy-modal-close{
    position:fixed; /* Torna em posição fixa */
    right:30%; /* da um recuo de 30% em relação a direita */
    margin-right:-50px; /* dos 30% de recuo, ele volta 50px */
    cursor: pointer;
    padding: 10px;
    font-weight: bold;
    text-align: center;
    color: black;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -khtml-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}

Qualquer dúvida é só postar.

Muito obrigado :)