Skip to main content

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