jQuery Прокрутка вниз кнопка, используемая для прокрутки страницы на 100%

Question

Я делаю веб-сайт и имею проблемы с кнопкой, которая использует jQuery для прокрутки страницы вниз на 100%. У меня проблемы, потому что она прокручивает разные пространства между браузерами и размерами окна. Любое решение моей проблемы? Кстати, вот мой код ...

JQuery

var screenheight100 = css('height', '100%'); 
$('#gdb1').click(function(){ 
    $("html, body").animate({ scrollTop: (screenheight100)}, 600); 
    return false; 
}); 

HTML

<div class="gdbox"><div id="gdb1" class="gdbutton fontwhitenshadow">Q</div></div> 

CSS

.gdbox{width: 100%; 
     height: 35px; 
     position: absolute; 
     bottom: 30px; 
     text-align: center; 
     overflow: visible; 
} 
.gdbutton{margin: 0 auto; 
      height: 20px; 
      padding-bottom: 20px; 
      text-align: center; 
      width: 40px; 
      font-family: iconFont; 
      font-size: 45px; 
      cursor: pointer; 
} 

Answer 1

Я предполагаю, что вы хотите достичь прокрутки окна, как окна высота.

Но css() не является глобальной функцией, это метод объекта jQuery.

вы можете получить высоту окна с помощью .height() метода:

$('#gdb1').click(function(){ 
    $("html, body").animate({ scrollTop: $(window).height()}, 600); 
    return false; 
}); 

Working Fiddle

Но если вы хотите, чтобы прокрутить окно прямо на верхней части элемента, вы могли бы получить необходимое пространство на $(selector).offset().top.

Answer 2

Вы можете поместить скрытый элемент на страницу и всегда прокручивать вверх до этого элемента. Это даст вам гораздо больше согласованности между браузерами.