Div 엘리먼트가 버튼으로 작동하지만 한번만 작동합니다.

-1

저는 11 살이며 몇 달 전에 Javascript를 배우기 시작했습니다. 그래서 페이지를 만들려고합니다. 너무 아래로 스크롤하면 맨 위로 돌아가서 큰 공간을 채우는 Div 요소를 만들었고 onmouseover를 사용하면 위로 올라갈 수 있습니다.하지만 두 번째로 시도하면 아무 것도하지 않습니다. 도와주세요. 미리 감사드립니다!Div 엘리먼트가 버튼으로 작동하지만 한번만 작동합니다.

출처

2017-01-19 HyperMonkey

코드를 보여주십시오. – epascarello

문제를 재현하는 코드를 보여주십시오. 자동차 정비사에게 당신의 차가 우스운 소리를 내고 있다고 말하면, 그는 당신을 도울 수 없습니다. 당신은 정비사에게 당신의 차를 가지고 와서, 실제로 고칠 수 있습니다. –

귀하의 문제에 대한 이해가 적절하기를 바랍니다. div가 있고 너무 많이 스크롤 할 때마다 올라가고 싶습니다.

바닐라 자바 스크립트에서 스크롤을 처리하는 방법의 예로는 onscroll 이벤트에 대한 문서를 볼 수 있습니다 : https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onscroll. 이 예에서

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <meta charset="UTF-8" /> 
    <style> 
     #container { 
     height: 500px; 
     width: 515px; 
     overflow: auto; 
     } 

     #foo { 
     height: 1000px; 
     width: 500px; 
     background-color: #777; 
     } 
    </style> 
    </head> 
    <body> 
    <div id="container"> 
     <div id="foo"></div> 
    </div> 

    <script> 
     var container = document.getElementById('container'); 
     container.addEventListener('scroll', function(event) { 
     // Get top and left value 
     var top = container.scrollTop 
     if (top > 400) { 
      // Go to the top 
      container.scrollTop = 0; 
     } 
     }, false); 
    </script> 
    </body> 
</html>

포함 된 요소 용기 그렇게 용기가 CSS overflow: auto; 속성을 스크롤가되도록 크다 : 여기

는 일례이다.

스크립트는 컨테이너의 스크롤 값을 검사하고 임의의 값 (이 예제에서는 400)을 초과하면 0으로 재설정하는 onscroll 이벤트를 적용합니다.

귀하의 작업에 유용하게 사용되기를 바랍니다.

출처

2017-01-19 04:08:33

Div 엘리먼트가 버튼으로 작동하지만 한번만 작동합니다.

답변

관련 문제