원생 js와 jq 복귀
1456 단어 끝!
<script type="text/javascript">
$(function(){
showScroll();
function showScroll(){
$(window).scroll( function() {
var scrollValue=$(window).scrollTop();
scrollValue > 100 ? $('div[class=scroll]').fadeIn():$('div[class=scroll]').fadeOut();
} );
$('#gotop').click(function(){
$("html,body").animate({scrollTop:0},200);
});
}
});
</script>
원생 js 구현:
webkit :document.documentElement.scrollTop||document.body.scrollTop;
<script type="text/javascript">
function goTopEx(){
var obj=document.getElementById("gotop");
function getScrollTop(){
return document.documentElement.scrollTop||document.body.scrollTop;
}
function setScrollTop(value){
document.documentElement.scrollTop=value;
document.body.scrollTop=value;
}
window.onscroll=function(){getScrollTop()>0?obj.style.display="":obj.style.display="none";}
obj.onclick=function(){
var goTop=setInterval(scrollMove,10);
function scrollMove(){
setScrollTop(getScrollTop()/1.1);
if(getScrollTop()<1)clearInterval(goTop);
}
}
}
goTopEx();
</script>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
신축성 끝'맨 위로 돌아간다'는 효과는 어디서나 볼 수 있다고 믿습니다. 방금 BOM을 배웠고 운동을 배웠기 때문에 탄력적인 것을 만들었습니다. 자, 코드부터 붙이자. IE6를 고려하지 않는 이유는 IE6 사용자가 자발적으로...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.