Linha do tempo de SlideDown de baixo para cima
Licença atual: CC BY-SA 3.0
20 eventos
quando alternar formato | o que | por | licença | comentário | |
---|---|---|---|---|---|
14/10/2017 às 17:49 | comentário | adicionado | Carlos Rocha | Então, se não for pedir demais, altera para min no jsfiddle.net e crie um novo funcionando? | |
14/10/2017 às 16:38 | comentário | adicionado | Isac |
@CarlosRocha acontece que a label está por cima do ul logo o efeito está certo mas parece visualmente incorreto pois ao aumentar o tamanho do ul sobe a label qie está em cima. Isso já é posicionamento e pode alterar de varias formas, desde modificar a ordem no html, alterar o posicionamento para fixed/absolute no CSS, etc..
|
|
14/10/2017 às 16:28 | comentário | adicionado | Carlos Rocha | Ok, então onde errei agora? jsfiddle.net/yscLh64g/4 | |
14/10/2017 às 16:21 | comentário | adicionado | Isac |
@CarlosRocha Certamente que não está como quer mas comentei quase tudo deixando o minimo para mostrar a aplicação do animate, para que possa ver: https://jsfiddle.net/bx99rbtz/2/. O principio é basear-se na altura da lista (ul) e não em display:block /none . Significa que ela está sempre visivel mas com height:0 e overflow:hidden , a partir dai é meramente alterar o height para mostrar ou esconder
|
|
14/10/2017 às 15:50 | comentário | adicionado | Carlos Rocha | Essa parte da posição do select já funciona.Falta só mesmo fazer abrir de baixo para cima com animate() que eu não fui capaz de fazer. Pode conferir aqui: jsfiddle.net/yscLh64g/3 | |
14/10/2017 às 15:49 | comentário | adicionado | Isac |
@CarlosRocha Você quer abrir diferente dependendo do sitio onde está ? Bem complicado se quer a minha opinião. Bastante código para pouco sumo. Mas terá que interpretar a posição da janela em relação ao elemento com $(window).scrollTop e ter duas funções diferentes de abertura uma para cada caso. E ainda é capaz de ter problemas na mesma se a pessoa abrir o select com ele no fim e acabar por andar para cima e fechar jà com ele a meio. De qualquer forma é um problema diferente do que está aqui na pergunta
|
|
14/10/2017 às 15:48 | comentário | adicionado | Carlos Rocha | Então, tentei usar o seu script mas não funcionou. Na verdade não consegui. | |
14/10/2017 às 15:47 | comentário | adicionado | Carlos Rocha | jsfiddle.net/yscLh64g/3 | |
14/10/2017 às 15:46 | comentário | adicionado | Carlos Rocha | sim, testa no site por favor? | |
14/10/2017 às 15:45 | comentário | adicionado | Isac |
@CarlosRocha Mas no fiddle que colocou aqui a lista está no topo logo nem daria para abrir para cima. Para além disso você faz slideDown, aqui: $(".selectOptions ul li").css("display", "none").slideDown(400); . Se quer abrir para cima não poderá fazer slideDown e sim uma implementação manual sua com animate ou css alterando o height de forma semelhante à minha resposta
|
|
14/10/2017 às 15:43 | comentário | adicionado | Carlos Rocha | Então, note que, no site, se você posicionar a select no final da página, as options abrem para cima da caixa da select. Percebeu? Bem, note que o efeito de slideDown() ocorre de cima para baixo. O que eu quer é o contrário, que o slideDown() ocorresse de baixo para cima. Mas não é fechar o select, é abrir mesmo. Quando o select está em uma parte da páginas em que, se abrir a caixa com as options, ela caiba antes do fim da pagina, então as options abrem abaixo da caixa, caso contrário, a caixa com as options abre acima | |
14/10/2017 às 15:39 | comentário | adicionado | Isac | @CarlosRocha Mas que parte é que deveria animar para cima ? E como ? A lista fecha mal se clica em qualquer elemento da lista | |
14/10/2017 às 15:23 | comentário | adicionado | Carlos Rocha | jsfiddle.net/yscLh64g/2 | |
14/10/2017 às 15:18 | comentário | adicionado | Carlos Rocha | Vou fazer melhor: hotplateprensas.com.br/estilos, uma select que tem no fim da pagina | |
14/10/2017 às 14:30 | comentário | adicionado | Isac | @CarlosRocha Se conseguir montar um JSFiddle com o problema talvez consiga ajudar. | |
14/10/2017 às 14:16 | comentário | adicionado | Carlos Rocha | Não consegui adaptar ao meu script. | |
12/10/2017 às 19:37 | comentário | adicionado | Carlos Rocha | Sim, o que eu quero é só abrir a div de baixo para cima, não esconde-la. Vou estudar esse efeito porque é isso mesmo que preciso. O detalhe é que tenho uma label e a lista, às vezes abrirá abaixo da label, às vezes abrirá acima. Quando abaixo, o slideDown() resolve, mas quando acima, então não pois ficará estranho uma lista abrir de cima para baixo estado por acima da label que recebe o click de abre e fecha.Código completo aqui: pt.stackoverflow.com/questions/245333/… | |
12/10/2017 às 19:21 | comentário | adicionado | Isac | @I_like_trains "a div abrisse de baixo para cima" faz me interpretar como abrir e não esconder. Poderei ter interpretado mais do que o AP disse mas é certamente algo que ele poderá esclarecer. | |
12/10/2017 às 19:20 | comentário | adicionado | I_like_trains |
E por isso não irá servir para o que pretende Como assim? Ele não referiu que não queria esconder. Apenas queria algo como slideDown() .
|
|
12/10/2017 às 19:14 | histórico | respondeu | Isac | CC BY-SA 3.0 |