滚动到顶部无法响应

Question

我有一个div触发此脚本滚动到顶部。当窗口宽度小于991px时，它停止工作。

<script>
    $(window).scroll(function() {
  if ($(this).scrollTop() > 50 ) {
      $('.scrolltop:hidden').stop(true, true).fadeIn();
  } else {
      $('.scrolltop').stop(true, true).fadeOut();
  }
});
$(function(){$(".scroll").click(function(){$("html,body").animate({scrollTop:$("nav").offset().top},"1000");return false})})
</script>

有什么想法吗？ 我正在添加媒体查询的CSS。

/* ==== MEDIA QUERIES ==== */
@media screen and (max-width : 991px) {

body,html{
    overflow-x:hidden;
}

.bloque-alto{
    min-height: 720px;
    padding: 70px 0 70px;
}    

#contacto{
    padding: 50px 0 70px;
}

#contacto2{
    background-image:none;
    background: #000;       
    vertical-align: middle;
    min-height: 800px;
    padding: 80px 0 100px 0;
    min-height: 1000px;
}

#contacto2>.container>.row>.col-md-8>.row>.col-md-4{
    padding:20px 0 20px;
}

input.form-control.input-lg,textarea.form-control.input-lg{
    font-weight: normal;
    font-size: 18px;
}