이 기능이 .hidden
있고 div가 맨 위로 스크롤되었을 때만 클래스 를 추가하고 싶습니다 . 사용할 수 있다는 것을 알고 SetTimeout
있지만 무작위로 표시되며 맨 위로 스크롤하면 div가 사라지는 지 확인하고 싶습니다.
$(".more").on("click", function() {
$("#wait").animate({
scrollTop: 0
}),
$(".more").toggleClass("nascosto"),
$("#wait").toggleClass("hidden")
});
.more {
cursor: pointer;
position: fixed;
font-size: 30px;
top: 10px;
left: 10px;
}
#wait {
font-size: 30px;
right: 10px;
width: 50%;
position: fixed;
overflow-y: scroll;
height: 100vh;
}
#about {
overflow-y: scroll;
}
.hidden {
opacity: 0;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class=more>click</div>
<div id="wait">
<div id=about
">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div></div>
에서 jQuery 문서를 .animate()
참조하면 complete
함수를 제공 할 수 있음을 알 수 있습니다 .
http://api.jquery.com/animate/
complete 유형 : Function () 애니메이션이 완료되면 호출 할 함수이며 일치하는 요소 당 한 번 호출됩니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다