Scroll To Bottom (evento scrollto top jquery) não funciona

[theorezende 0]

Boa tarde galera tudo beleza?

Então, estou precisando fazer com que a tela role para determinada parte da tela quando eu clicar em um botão, similar ao botão deste site : http://madgo.com.br/

Porém quando eu clico no botão não acontece nada, andei pesquisando e só encontrei o evento scrolltop não existe o bottom?

Se vocês puderem por favor deem uma olhada em que eu possa estar errando, o código é :

jQuery(document).ready(function($) {                   
jQuery('#fixed-button-pdf').click(function (e) { 
e.preventDefault();
jQuery.scrollTo.window().queue([]).stop(); // Prevent scroll queue from building up
         var divID = '#container-59';
var header = $('header[role="banner"]');
var offsetHeight = -50;
if (header.css('position') == 'absolute' || header.css('display') == 'none') { offsetHeight = 0; };
        if(jQuery(divID).length){
jQuery(window).scrollTo(divID, {duration:1600, easing:'swing', offset:offsetHeight, axis:'y' }, {queue:false});
}
});
});

Obs: Estou fazendo o projeto em Wordpress, interfere em alguma coisa?

 

Obrigado desde já pessoal!

[William Bruno 1501]

Não existe scrollBottom

Não interfere vc estar com WordPress.

 

Aparece algum erro no console ?

Ctrl + Shift + J ?

[theorezende 0]

http://i.imgur.com/AGoL5pX.png Esses Erros William.

[angelorubin 142]

Tenta assim:

$(function() {                   
    $('#fixed-button-pdf').on('click', function () {
        $('html').animate({scrollTop:$(document).height()}, 1500);
    });
});

[theorezende 0]

Boa Tarde Angelo, agora quando eu clico ele leva para a barra de navegação, gostaria que ele fosse para uma div especifica com id=container-59

[angelorubin 142]

Veja se ajuda:

$(function() {                   
    $('#fixed-button-pdf').on('click', function () {
        var target = $('#container-59').offset();
        $('html').animate({scrollTop:target.top}, 2000);
    });
});

[theorezende 0]

Continuou dando a mesma coisa Angelo, não consigo entender o que pode dar errado. Existem alguma outra forma de fazer ?

[William Bruno 1501]

Faz assim:

 

$(function() {                   
    $('#fixed-button-pdf').on('click', function (e) {
        e.preventDefault();
        var target = $('#container-59').offset();
        $('html').animate({scrollTop:target.top}, 2000);
    });
});

[angelorubin 142]

Somente a título de curiosidade fui entender o porque do e.preventDefault no button.

 

Do ponto de vista funcional não há diferença entre utilizar um input submit ou um button submit, ambos irão submeter o formulário da mesma forma. Segundo a especificação, se o atributo type estiver ausente da tag <button>, o comportamento padrão será de submit.

 

Portanto, como ja citou o Wlliam, utilize o e.preventDefault que provavelmente resolverá o problema.

[theorezende 0]

Agora ele não realiza ação nenhuma, antes ele estava indo parar na barra de navegação, agora não vai para lugar algum. O que será que pode estar acontecendo?

[angelorubin 142]

Funciona sim, veja - http://jsfiddle.net/angelorubin/jyp0htj5/17/

[theorezende 0]

Realmente testei aqui e no firefox ele funcionou,só que no chrome não funciona, como posso fazer com que funcione pelo menos nos 2 navegadores ?

[Snowden 94]

Todos os navegadores acrescente no seletor "body"

...
     $('html, body').animate({scrollTop:target.top}, 2000);
...

[theorezende 0]

Funcionou Hugo, Muito Obrigado a todos!