Variável
Boa tarde, pessoal!
Tudo bem?
Pessoal, eu estou com problema com uma variável que usa o modernizr.
var selector = Modernizr.testProp('webkitAppearance') ? 'body' : 'html';
$(selector).scrollTop();
Segue abaixo o que eu montei com a variável (o Scroll deveria detectar a posição e inverte).
Se alguém conseguir mudar o script para que ele funcione vai ajudar muito....
Javascript:
<!-- Modernizr.js -->
<script src="animation/js/modernizr-2.6.2.min.js"></script>
<script src="dist/modernizr-custom.js"></script><!-- Modernizr.js -->
<script type="text/javascript">
function controle(id) {
var ancora=document.getElementById(id);
//Variável com o seletor Modernizr
var selector = Modernizr.testProp('webkitAppearance') ? 'body' : 'html';
//Variável que captura o valor do Scroll
var Altura = $(selector).scrollTop();
//Script do Scroll dinâmico
if (Altura == 0){
//Muda atributo - troca o link para que o scroll fique dinâmico
ancora.href = "#footer2";
//Ativa o script de scroll que faz a rolagem suave
ancora.class = "scroll";
}
else if (Altura <= 401){
//Muda atributo - troca o link para que o scroll fique dinâmico
ancora.href = "#footer2";
//Ativa o script de scroll que faz a rolagem suave
ancora.class = "scroll";
}
else if (Altura == 402){
//Muda atributo - troca o link para que o scroll fique dinâmico
ancora.href = "#header2";
//Ativa o script de scroll que faz a rolagem suave
ancora.class = "scroll";
}
else {
//Muda atributo - troca o link para que o scroll fique dinâmico
ancora.href = "#header2";
//Ativa o script de scroll que faz a rolagem suave
ancora.class = "scroll";
}
}
</script>
HTML:
<a href="" class="scroll" id="troca" title="descer" onclick="controle('troca')">
<img src="img/down.jpg" alt="" />
</a>
Link para o Blog que fala a respeito da rolagem com JQuery com scrollTop()
http://kayteelynne.com/animated-scrolling-with-jquery/
Site do modernizr:
https://modernizr.com/news
Valeu!
Se alguém puder ajudar.....
Valeu!
Discussão (2)
Carregando comentários...