Script Variável

[M.S.S 0]

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!

[M.S.S 0]

Pessoal, eu resolvi o problema de cima com condições para o Browser - o Scroll está detectando a posição atual e invertendo no click, mas a solução é paliativa.

Se alguém puder me ajudar com a primeira opção que trabalha com o webkit + modernizr .....

<script type="text/javascript">
​
function controle(id) {
    var ancora=document.getElementById(id);
    //Variável para o Edge, IE, Firefox
    var Altura = $(document).scrollTop();
    //Navegadores webkit
    $.browser.chrome = $.browser.webkit && !! window.chrome;
    $.browser.safari = $.browser.webkit && !window.chrome;

    //Condições para mudar a variável no Chrome, Opera e Safari 
    if ($.browser.chrome) {
    var Altura = $('body').scrollTop(); alert (Altura + "Chrome");
   }
    if ($.browser.safari) {
    var Altura = $('body').scrollTop(); alert (Altura + "Safari");
   }
    if ($.browser.opera) {
    var Altura = $('body').scrollTop(); alert (Altura + " Opera");
   };

   //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>

Valeu!

[M.S.S 0]

Caso ajude, achei um link do modernizr funcionando no Blog da Kaytee..... mas não consegui progredir muito com a variável que usa o modernizr.

http://codepen.io/anon/pen/hwdyt