Estou escrevendo um pop-up modal e preciso que o navegador pule para o topo da tela quando o botão modal aberto for pressionado. Existe uma maneira de rolar o navegador para o topo usando o jQuery?
javascript
jquery
css
modal-dialog
Exitos
fonte
fonte
html
ebody
. caso contrário, use em seu$(window)
lugar.Sem animação, você pode usar JS simples:
Com animação, verifique a resposta de Nick .
fonte
scroll
está no padrão CSSOM enquantoscrollTo
foi originalmente definido no DOM Nível 0 e não faz parte de nenhum padrão. No entanto, o CSSOM incluiscrollTo
para compatibilidade com versões anteriores.scroll
é amplamente suportado. Veja stackoverflow.com/q/1925671/41906window && window.scroll(0,0);
é aceitável no meu modelo de exibição.Se você estiver usando a caixa de diálogo da interface do usuário do jQuery, poderá apenas estilizar o modal para que ele apareça com a posição fixada na janela para que não apareça fora da vista, negando a necessidade de rolar. De outra forma,
deve fazer o truque.
fonte
Você poderia fazer isso sem javascript e simplesmente usar tags de âncora? Então seria acessível para aqueles js grátis.
apesar de você estar usando modais, presumo que você não se importe em ser livre de js. ;)
fonte
fonte
Eu sei que isso é antigo, mas para aqueles com problemas no Edge:
JS simples:
window.scrollTop=0;
Infelizmente,
scroll()
escrollTo()
gere erros no Edge.fonte
você estiver usando a caixa de diálogo da interface do usuário do jQuery, você pode apenas estilizar o modal para que ele apareça com a posição fixa na janela, para que não apareça fora da vista, negando a necessidade de rolar. De outros
fonte
Solução Javascript pura
Se você quiser uma rolagem suave
fonte