저는 11 살이며 몇 달 전에 Javascript를 배우기 시작했습니다. 그래서 페이지를 만들려고합니다. 너무 아래로 스크롤하면 맨 위로 돌아가서 큰 공간을 채우는 Div 요소를 만들었고 onmouseover를 사용하면 위로 올라갈 수 있습니다.하지만 두 번째로 시도하면 아무 것도하지 않습니다. 도와주세요. 미리 감사드립니다!Div 엘리먼트가 버튼으로 작동하지만 한번만 작동합니다.
-1
A
답변
0
귀하의 문제에 대한 이해가 적절하기를 바랍니다. 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 이벤트를 적용합니다.
귀하의 작업에 유용하게 사용되기를 바랍니다.
관련 문제
- 1. replaceWith 단 한번만 작동합니다.
- 2. Mouseover 이벤트는 정상적으로 작동하지만 한번만 수행합니다.
- 3. jquery ajax 클릭시 전화, 단 한번만 작동합니다.
- 4. Ajax가 .load() 후 버튼으로 작동합니다.
- 5. Div 버튼으로 작동하는 Iframe
- 6. 모든 것이 작동하지만 Ajax는 작동합니다.
- 7. 한번만 작성해야하는 쿼리
- 8. IE에서 작동하지만 Firefox에서 작동합니다.
- 9. 링크 클릭 한번만 작동
- 10. 토글 상자는 버튼으로 작동하지 않지만 단락으로 작동합니다.
- 11. 숨김 버튼으로 div 표시 가능
- 12. jQuery 클릭 한번만 발생
- 13. 제출 데이터가 전달되는 한번만
- 14. jQuery 클릭 한번만 작동
- 15. 누르기에 attr가 단 한번만 변경됩니다
- 16. AngularJS Boilerplate는 Codepen에서 작동하지만 JSFiddle에서 작동합니다.
- 17. Jquery div to div load는 오페라에서만 작동합니다.
- 18. 호버 엘리먼트가 다른 엘리먼트로 변경됨
- 19. Primefaces Calendar는 팝업 버튼으로 만 작동합니다.
- 20. 자바 스크립트는 데스크톱에서 작동하지만 모바일에서만 부분적으로 작동합니다.
- 21. 스칼라가리스트에 엘리먼트가 있는지 검사한다.
- 22. 엘리먼트가 숨겨져 있는지 테스트하기
- 23. 여러 개의 버튼으로 슬라이딩 div 제어하기
- 24. div를 사용하여 버튼으로 div 위치 변경 JS
- 25. 동일한 버튼으로 div 숨기기 및 숨김 해제
- 26. 이것은 왜 단 한번만 작동합니까?
- 27. XDebug가 단 한번만 대기합니다
- 28. 한번만 누르기 허용
- 29. jQuery 버튼 한번만 클릭하십시오
- 30. PHP는 한번만 입력하십시오.
코드를 보여주십시오. – epascarello
문제를 재현하는 코드를 보여주십시오. 자동차 정비사에게 당신의 차가 우스운 소리를 내고 있다고 말하면, 그는 당신을 도울 수 없습니다. 당신은 정비사에게 당신의 차를 가지고 와서, 실제로 고칠 수 있습니다. –