scrollTop 기능은

Question

맨 페이지를 스크롤하지 않습니다 나는이 애니메이션()를 사용하여 상단에 페이지를 스크롤하기 위해 노력하고 다음 JQuery와 :

$(document).ready(function(){ 
    $(window).scroll(function() { 
     if($(this).scrollTop() != 0) { 
      $('#toTop').fadeIn(); 
     } else { 
      $('#toTop').fadeOut(); 
     } 
    }); 

    $('#toTop').click(function() { 
     $('body,html').animate({scrollTop:0},800); 
    }); 
}); 

가 페이지를 스크롤하기 위해 노력

내 HTML은 :

를

<div class="gototop" id="toTop"></div> 

하지만 HTML 코드가 하나만 사용되면 문제가 발생합니다. 내가 그 중 다수를 가지고 있다면, 그들 중 누구도 일하지 않는다.

Answer 1

<div class="gototop" id="toTop"></div> 여러 개가 있으면 작동하지 않는다고 말하는 것입니까?

코드에 id="toTop"과 같은 ID가 같은 div가 여러 개 있으면 안됩니다. 이처럼 보이도록 <div class="gototop"></div>를하고 jQuery를 변경 :이처럼 된 div의 무리를 사용할 수

$(document).ready(function(){ 
$(window).scroll(function() { 
    if($(this).scrollTop() != 0) { 
     $('.gototop').fadeIn(); 
    } else { 
     $('.gototop').fadeOut(); 
    } 
}); 

$('.gototop').click(function() { 
    $('body,html').animate({scrollTop:0},800); 
}); 
}); 

Answer 2

ID들 고유해야합니다. <div class="gototop" id="toTop"></div>을 복사하여 붙여 넣으면 하나의 ID가 여러 번 표시되는 것으로 가정합니다. 이는 오류입니다. 당신이 뜻하는 일 $('.gototop').click(function()