Cara seu video me ajudou de mais, e foi exatamente o que eu tava procurando pra terminar meu portfolio! ja ganhou mais um inscrito, vc ensina muito bem!
Ótimo vídeo, parabéns pelo o trabalho, Para quem está quebrando a cabeça e quer algo mais simples, basta add a seguinte linha em seu arquivo css : html{scroll-behavior: smooth} que irá fucionar! Dependendo do navegador é claro
Só para ficar claro que essa solução não funciona no Safari (exclua então praticamente todos os usuários de iPhone/iPad) e no IE. Mas realmente é a mesma coisa que o window.scroll({behaviour:smooth}).
gostaria de saber como usar esse código com os botoes em uma div. por exemplo tenho 3 divs e queria apertar o botão em uma div e pular para a segunda, apertar um botao na segunda e pular para a terceira e ter um botão de voltar em cada uma delas. se puder ajudar
O meu acento ^ (na primeira const, logo no começo do vídeo) não fica maiúsculo igual no vídeo de jeito nenhum e acredito que por isso meu código não esteja funcionando como deveria. Se alguém puder me dar alguma dica de como arrumar, agradeço...
O Event.preventDefault(), como o nome sugere, vai prevenir que ações padrões do navegador atingam o elemento que disparou o evento. No caso de âncoras ele impede que o ancoramento seja feito.
Fala André, blz? Queria saber se nos seus cursos de JavaScript vc utiliza design patterns, ou alguma metodologia pra deixar o código bem estruturado e de fácil manutenção pra quem trabalha em times.
No curso atual não, meu foco é mais em quem está iniciando, por isso foco mais nos conceitos de JS do que em organização de código. E o curso é bem focado em jQuery também esse atual. Mas estou produzindo o próximo que é o de ES6+.
6 років тому
Ah, blz, sem problemas. Só perguntei porque curto muito a sua didática e metodologia de ensino, e, to saindo do iniciante pro intermediário em JS, e Design Pattern meio que é um requisito, mas ainda não achei conteúdo bem explicado sobre esse assunto na web. De qualquer forma, vlw pela info e assim que eu tiver oportunidade, vou pegar seu curso pra dar uma reciclada. E sobre o de ES6, vai ajudar pra caramba tbm! Abraço e sucesso!
alguém féra ai no js poderia me informar como fazer este código com window location, sem precisar do click? pois tenho um site e preciso que ele link internamente automaticamente porém suave.
Talvez você já tenha descoberto esta resposta mas usando: if ('scrollBehavior' in document.documentElement.style) { // use window.scroll aqui } else { // faça outra coisa }
Achei muito bom, mas pra mim que sou iniciante as explicações são confusas e muito rápidas pra assimilar. Talvez daqui 1 ano eu entenda tudo que ele está falando nesse vídeo
Uma maneira mais simples é no css fazer assim: html { scroll-behavior: smooth; } :target { scroll-margin-top: 1em; } e Depois usar os ids nos links das páginas simples assim
Esse css é experimental e só funciona em alguns browsers. A minha solução é global. Até no chrome que funciona, vem as vezes desabilitada e é necessário mudar uma configuração através das tags experimentais. Então não recomendo essa solução.
Depois de muito procurar, achei seu vídeo e foi perfeito era exatamente o que eu precisava, por mais exemplos práticos e sucintos como esse. parabéns
Vou dar um jeito de comprar seus cursos. A simplicidade e o objetivo das aulas são grandes diferenciais.
Cara seu video me ajudou de mais, e foi exatamente o que eu tava procurando pra terminar meu portfolio! ja ganhou mais um inscrito, vc ensina muito bem!
vlw pela aula, vou aplicar esse codigo no meu projeto
Quem estiver desbravando o universo do front está no lugar certo. O André saca demais e, além disso, sabe repassar.
Ótima aula! Me ajudou demais, obrigado e parabéns
sem dúvidas, as aulas são ricas e simples de entender. Ainda compro o seu curso esse ano.
Mano você me ajudou muito na criação do meu portfólio, já agradeço d+
ajudou mto irmão, toma meu like e minha inscrição!!
Gratidão!! Era exatamente isso que estava precisando!! Perfeito!
Ótimo vídeo, parabéns pelo o trabalho, Para quem está quebrando a cabeça e quer algo mais simples, basta add a seguinte linha em seu arquivo css : html{scroll-behavior: smooth} que irá fucionar! Dependendo do navegador é claro
pode explicar melhor como funcionaria?
ja testei aqui... bem simples... resolvido com uma linha de codigo apenas
Só para ficar claro que essa solução não funciona no Safari (exclua então praticamente todos os usuários de iPhone/iPad) e no IE. Mas realmente é a mesma coisa que o window.scroll({behaviour:smooth}).
Excelente vídeo!!
perfeito!! finalmente achei solução para o que queria!
Valeu meu amigo. Showwwww. Muito bem explicado ...
Muito obrigado! Ajudou muito
Cara, suas aulas são muito boas. Parabéns.
loguei só pra dar um like a agradecer !!! muito bom !!
Excelente!
Mano era exatamente oq eu tava procurando, muito obrigado 🙌🏽🙌🏽
Animal cara muito bom parabéns e obrigado, em junho de 2020 ainda ta com essa zica no safari.
Aula boa, manda muito bem no js;
Excelente vídeo! Obrigado pela dica
Véi! Você me salvou✨
Show de bola mano!
Muito obrigado pelos vídeos, me ajudou muito..
Aula top, no meu caso mesmo com o chrome não funciona, só a segunda opção deu certo!
Parabéns, me ajudou muito
Muito obrigada André!
mds até hoje não sabia que dava pra usar regex nos seletores CSS, ótimo vídeo
parabens parceiro, me ajudou muito
seu jeito de passar é simples e explicativo, ótimo videio... ja virei seu fã kkkkkkkkkkkk
existe alguma diferença visual entre usar esse método e usar o "scroll-behavior: smooth" no css?
Valeu mesmo!
Parabéns.
Muito bom o vídeo Ajudou d+
cara muito bom parabéns
cara, não sei oque fiz de errado, mas minha nodelist aparece 0, não consegui fazer funcionar de jeito algum
na parte de declaração da session o meu retornou null
No meu tava dando errado. Adicionei scroll-behavior: smooth; no css da página deu certo.
Que foda mano!
7:16 eu troquei o event.target por this e funcionou perfeitamente, além de ter simplificado o código
Só tem que ficar esperto com o escopo!
Boa
gostaria de saber como usar esse código com os botoes em uma div.
por exemplo tenho 3 divs e queria apertar o botão em uma div e pular para a segunda, apertar um botao na segunda e pular para a terceira e ter um botão de voltar em cada uma delas. se puder ajudar
O meu acento ^ (na primeira const, logo no começo do vídeo) não fica maiúsculo igual no vídeo de jeito nenhum e acredito que por isso meu código não esteja funcionando como deveria. Se alguém puder me dar alguma dica de como arrumar, agradeço...
Quando eu coloco o event.preventDefault, ele para de rolar até a SECTION que eu quero.
O Event.preventDefault(), como o nome sugere, vai prevenir que ações padrões do navegador atingam o elemento que disparou o evento. No caso de âncoras ele impede que o ancoramento seja feito.
O Scroll do javascript já ficou nativo em todos os navegadores ?
Alguém sabe se atualmente o safari já tem suporte a esse comportamento?
hi! what is your font??? is excelent!
Eu aqui em 2021 nao conhecia essa parada do # , imaginei que fosse muito mais complexo.
André, ótima aula! Qual editor é este que você está usando ?
VS Code
esse tema é diferente tem ele para liberar?
marketplace.visualstudio.com/items?itemName=origamid.origamid-theme
Fala André, blz? Queria saber se nos seus cursos de JavaScript vc utiliza design patterns, ou alguma metodologia pra deixar o código bem estruturado e de fácil manutenção pra quem trabalha em times.
No curso atual não, meu foco é mais em quem está iniciando, por isso foco mais nos conceitos de JS do que em organização de código. E o curso é bem focado em jQuery também esse atual. Mas estou produzindo o próximo que é o de ES6+.
Ah, blz, sem problemas. Só perguntei porque curto muito a sua didática e metodologia de ensino, e, to saindo do iniciante pro intermediário em JS, e Design Pattern meio que é um requisito, mas ainda não achei conteúdo bem explicado sobre esse assunto na web.
De qualquer forma, vlw pela info e assim que eu tiver oportunidade, vou pegar seu curso pra dar uma reciclada. E sobre o de ES6, vai ajudar pra caramba tbm! Abraço e sucesso!
alguém féra ai no js poderia me informar como fazer este código com window location, sem precisar do click? pois tenho um site e preciso que ele link internamente automaticamente porém suave.
tem como fazer a mesma coisa para links externos ?
É possível detectar se o browser suporta a funcionalidade nativamente? Se sim, como?
Obrigado pelas dias, André! 😉
Talvez você já tenha descoberto esta resposta mas usando:
if ('scrollBehavior' in document.documentElement.style) {
// use window.scroll aqui
} else {
// faça outra coisa
}
Um trava línguas kkkks...
2:20 "Cliquei aqui, clicou..."
Falar isso rápido sem errar é um desafio kkkks...
Brother qual theme você está usando no vscode nesse video, e como você deixa a fonte nesse estilo? Obrigado!
O nome do tema é Dark Material Dracula
qual é a font do site ?
Achei muito bom, mas pra mim que sou iniciante as explicações são confusas e muito rápidas pra assimilar. Talvez daqui 1 ano eu entenda tudo que ele está falando nesse vídeo
É uma aula intermediária Fabio, é necessário entender a sintaxe / funcionalidades do JavaScript.
Uma maneira mais simples é no css fazer assim:
html {
scroll-behavior: smooth;
}
:target {
scroll-margin-top: 1em;
}
e Depois usar os ids nos links das páginas simples assim
Esse css é experimental e só funciona em alguns browsers. A minha solução é global. Até no chrome que funciona, vem as vezes desabilitada e é necessário mudar uma configuração através das tags experimentais.
Então não recomendo essa solução.
É chato quando uma coisas funciona em Browser mas em outro não
É possível deixar o scroll mais suave?
onde estiver 400 no js vc coloca ex 800 isso vai fazê-lo mais "suave"
Qual fonte você está utilizando no editor?
Leandro Almeida IBM Plex Mono
Leandro Almeida com o meu tema:
marketplace.visualstudio.com/items?itemName=origamid.origamid-theme
Vlw
cliquei aqui, clicou
Engraçado, nos vídeos relacionados tem um cara com a voz igual à sua kk
ua-cam.com/video/45WlF5XtesE/v-deo.html