Olá, esse é o primeiro tutorial que estou postando aqui e estarei trazendo semanalmente novidades sobre o OptimizePress, sendo tutoriais como esse e também muitos os tipos de conteúdos exclusivos.
Primeiramente quero dizer a você o que seria o efeito smooth scrolling, para que possa entender a elegância, que esse simples efeito, trará para o seu site.
Definição: Efeito Smooth Scrolling é o fato de tornar o deslizar de uma página, uma forma suave, que venha trazer uma melhor experiência ao usuário, para que seja mais agradável a navegação do mesmo pelo site e/ou blog. Sendo assim, o Efeito Smooth Scrolling é um método de pensar na melhor forma de tornar o seu site um ambiente agradável para o usuário realizar uma próxima visita.
Para esse processo existe inúmeras formas de realizar, porém, como estamos falando sobre o OptimizePress, tem algumas certas formas que pode não funcionar como o desejado.
E devido a isso, após um questionamento feito para mim, eu resolvi buscar qual seria a melhor forma de criar esse simples efeito no OptimizePress.
No vídeo acima, você verá como pode fazer o Efeito Smooth Scrolling e como aplicar em seu site.
Para que você possa entender como funciona esse efeito em sua página, em primeiro momento vou mostrar para você o código necessário e em seguida estarei explicando linha por linha desse código.
Bom, como diz o Jack, vamos por partes.
Nesse post eu trago para você o método mais simples e fácil de criar um Efeito Smooth Scrolling para você utilizar no OptimizePress.
Muito obrigado pela sua atenção e se você gostou compartilhe com seus amigos, isso é muito importante, e deixe um comentário com alguma dúvida que tenha.
Até logo
Muito show !!!
Muito Obrigado Ricardo, vejo que atingi o meu foco em ajudar com esse post 😀
Muito bom Alan, funcionou perfeitamente, muito obrigado! Agora, tem como eu fazer com que o menu deslize junto para a seção?
Alan, já resolvi, eu vi o seu outro vídeo explicando como faz, deu certo. Cara, muito bom seus conteúdos. Grande abraço!!
Que bom que gostou Anderson, qualquer dúvida que tiver, pode perguntar que estarei respondendo, e se necessário for, faço um vídeo.
Anderson, onde você encontrou isso? Não encontrei esta função.
Olá @disqus_tYGfo4nQtI:disqus, o video em que o @disqus_Juxyx6hnjC:disqus comenta é esse: https://www.youtube.com/watch?v=CE4ag1dIYlo
Alan, parabéns pelos vídeos! Quando eu deixo o menu fixo e faço as âncoras, os efeitos do ANIMATE.CSS não funcionam mais … sabe se é possível deixar o menu fixo com âncoras e ainda deixar os efeitos? Obrigado!
Olá, tente colocar o código do menu fixo antes do código do animate, se já estiver assim, então inverte, não lembro ao certo a ordem, mas geral conflito.
Obrigado Alan! Mas não deu certo … teria mais alguma sugestão! Valeu! E desculpas por te encher hehe
Compartilha a URL da página para que possa ver o que está dando de conflito.
http://melhordariviera.com/oportunidade-4/
Você tem que definir que os outros scripts que esta colocando, no caso o do Efeito Apper e Smooth Scroling, estejam no cabecalho (header) e não em um campo css, senão não vai funcionar mesmo.
Alan! Muito obrigado! Resolvido!
Olá Alan. Gostaria de saber se tem como colocar um slideshow de backround da seção 1.
Olá Ramão, você poderia fazer um slideshow com html e css, e inserir ele no campo de código antes da linha, na engrenagem, e com alguns ajustes você tem o slide de fundo
A propósito… O post ficou ótimo!
Alan,
O código sumiu aqui da página. Não estou conseguindo adicionar o efeito deslizante, apenas a marcação com #.
Opa Carlos, o Script está embedado, você pode acessar direto por aqui: https://pastebin.com/n1BJWSZP