Linha do tempo de Como manter a posição do scroll dentro de uma div após atualizar dinamicamente com AJAX?
Licença atual: CC BY-SA 3.0
21 eventos
quando alternar formato | o que | por | licença | comentário | |
---|---|---|---|---|---|
3/11/2016 às 18:03 | comentário | adicionado | Cassiano Junior | Sim, eu entendo, mas a solução mais lógica é mudar essa forma de atualização dinâmica, porquê pro que eu planejo fazer iria requisitar muito do servidor (que ainda é um plano gratuito de testes), além de que eu pretendo implementar a mesma tecnologia em outras funções, como um chat e um sistema de notificações, ou seja, essa maneira de atualizar a página não se encaixa na demanda que eu preciso. Mas mesmo assim, obrigado por me ajudar :D | |
3/11/2016 às 17:59 | comentário | adicionado | Syzoth♦ | @kyro23 mas não basta alterar uma coisinha ou outra, deve ser uma falha sua, desculpe mas só estou querendo lhe orientar para o real problema, estou apenas tentando ajudar, não é uma critica negativa ;) | |
3/11/2016 às 17:58 | comentário | adicionado | Cassiano Junior | O código atualizado ainda ta no localhost, mas mesmo alterando de id para class o resultado continua sendo o mesmo | |
3/11/2016 às 17:54 | comentário | adicionado | Syzoth♦ | @kyro23 achei o problema, você usou vários IDs repetidos, o atributo ID não pode ser repetido. Você repetiu id=resposta e id=respostas algumas vezes, ID deve ser unico sempre | |
3/11/2016 às 17:54 | comentário | adicionado | Cassiano Junior | Sim, a ideia é que a div tenha uma altura fixa e quando essa altura estourar ele criar o scroll | |
3/11/2016 às 17:49 | comentário | adicionado | Syzoth♦ | @kyro23 então acho que a resposta aqui funciona perfeitamente sendo ajax ou webscoket, deve ter falhado porque você colocou na ordem errada algum evento. Notei que no site ainda esta o script antigo | |
3/11/2016 às 17:47 | comentário | adicionado | Cassiano Junior | E respondendo a sua pergunta, o comportamento do scroll que eu desejo é que ele mantenha-se na mesma posição que o usuário deixou. | |
3/11/2016 às 17:46 | comentário | adicionado | Cassiano Junior | Eu entendo que o correto seria eu abrir uma nova pergunta, pois a questão aqui é sobre o scroll e não sobre webSockets, porquê o meu problema inicial era só o scroll, mas eu acabei percebendo que não era SÓ o scroll... Pra você ter uma idéia do que eu to falando, esse é o site que eu estou desenvolvendo: indieworld.atwebpages.com/topico.php?t=VkZaRk9WQlJQVDA9 , e como pode perceber, se você mexer no scroll dentro da div, ele volta pra posição inicial, justamente porquê ele está atualizando essa div, onde o certo seria somente incrementar uma nova div. | |
3/11/2016 às 17:36 | comentário | adicionado | Syzoth♦ | ... Outra coisa independente de como obtém os dados a solução que eu mostrei é para resolver algo com o scroll e deve funcionar em qualquer situação, agora a duvida que mais importa: você quer recuperar a posição do scroll ou você quer forçar o scroll sempre ficar na posição da mensagem mais recente, igual aos chats/bate-papos online? @kyro23 | |
3/11/2016 às 17:35 | comentário | adicionado | Syzoth♦ | @kyro23 tudo bem eu entendo, mas ainda sim isto não tem haver com a duvida e se você colocar que o problema é "qual o melhor caminho de comunicar front-end com back-end" você vai mudar o sentido da pergunta. Entenda que não somos um fórum e sim um Q&A, a pergunta deve ser objetiva, edita-la e mudar o assunto invalidaria as respostas ao meu ver.... | |
3/11/2016 às 17:32 | comentário | adicionado | Cassiano Junior | Bom, basicamente é o seguinte: Da forma que eu fiz, o AJAX vai fazer uma requisição ao servidor a cada 10 segundos, e quando ele terminar essa requisição, ele mostra todas as informações na tela, e quando atualizar, isso acontece denovo e denovo. Mas seria muito mais fácil se ele só atualizar quando houver uma informação nova no banco de dados. É ai que entraria o webSockets, pois, imagina um servidor com mil usuários ao mesmo tempo recebendo informações de cada usuário a cada 10 segundos, obviamente o server vai cair. E eu também tenho planos de fazer outros sistemas semelhantes no site. | |
3/11/2016 às 17:14 | comentário | adicionado | Syzoth♦ | @kyro23 mas long pooling ou ajax são apenas maneiras de obter os dados, o problema é no front-end, não tem haver com a origem, me diz você quer recuperar a posição do scroll ou você quer forçar o scroll sempre ficar na posição da mensagem mais recente, igual aos chats/bate-papos online? | |
3/11/2016 às 17:09 | comentário | adicionado | Cassiano Junior | Então, eu não dei retorno porquê passei um boom tempo procurando a solução para esse problema, e pelo que eu entendi, é um pouco mais complexo que só o scroll da div... Basicamente eu vou ter que fazer long pooling para manter uma conexão aberta com o servidor, e verificar se o resultado mudou, ai sim, quando ele mudar, eu exibo a nova informação na tela. O problema é que como eu quero fazer o site rodar em um servidor, eu vou ter que usar web sockets pra fazer essa conexão, então eu ainda to estudando qual seria a melhor solução. Mas valeu pela ajuda! | |
2/11/2016 às 17:43 | comentário | adicionado | Syzoth♦ | @kyro23 ué, o exemplo não funcionou? Você não deu retorno | |
1/11/2016 às 16:00 | comentário | adicionado | Syzoth♦ | @kyro23 corrigi o código e corrigi o setTimeout também, me avisa se falhar ;) | |
1/11/2016 às 16:00 | histórico | editada | Syzoth♦ | CC BY-SA 3.0 |
adicionou 36 caracteres ao conteúdo
|
1/11/2016 às 15:58 | comentário | adicionado | Syzoth♦ | @kyro23 a sim entendi, falha minha, vou editar :) | |
1/11/2016 às 15:56 | comentário | adicionado | Cassiano Junior | Eu testei o código acima, mas aparentemente ele funcionaria bem se fosse o scroll "global" da página, no meu caso, eu precisaria que esse comportamento acontecesse com o scroll dentro de uma Div. Como eu faria isso? | |
1/11/2016 às 15:26 | voto | aceitação | Cassiano Junior | ||
2/11/2016 às 17:37 | |||||
1/11/2016 às 13:51 | histórico | editada | Syzoth♦ | CC BY-SA 3.0 |
adicionou 206 caracteres ao conteúdo
|
1/11/2016 às 13:25 | histórico | respondeu | Syzoth♦ | CC BY-SA 3.0 |