jquery는 위아래 스크롤 효과 샘플 code_javascript 기술을 구현합니다.-JS 튜토리얼-php.cn

코드 복사 코드는 다음과 같습니다. $(function() { var 페이지 = 1; var i = 1; var conheight = $('.con li').height() var lilen = $('li').length; Math.ceil ( lilen / i ); alert(conheight " " len) //alert("page:" 페이지 " i:" i " conheight:" conheight " lilen:" lilen " len: " len) $('.next').click(function() { if( page == len){ alert("더 이상 작동할 수 없습니다!"); return false ; } $('.con_list').animate({top:'-=' conheight},'slow') 페이지 //if( 페이지 == len ) { // $('.con_list').animate({top:0},'slow'); // 페이지 = 1 // }else{ // $ ( '.con_list').animate({top:'-=' conheight},'slow'); // 페이지 //} $('. prev ').click(function() { if(page == 1){ alert("이제 종료되었으며 더 이상 작업을 수행할 수 없습니다!"); return false; } $ ('.con_list').animate({top:' =' conheight},'slow') 페이지-- //if( page == 1 ) { // $( '.con_list').animate({top:'-=' conheight*(len - 1)},'slow') // 페이지 = len //} else{ / / $('.con_list').animate({top:' =' conheight},'slow') // 페이지--; ); } ) * { margin:0;padding:0 } 🎜>.prev,.next{ 너비:100px;높이:20px;배경:#333;커서:포인터 } .con{ 너비:100px;높이:300px;오버플로: 숨겨진;위치:상대적 } .con_list{ 위치:상대적 } .con li{ 높이:100px } .one{ 배경:#F90 } .two { 배경:#69C } .3{ 배경:#633 } &lt 11111111111 22222222222222222222 "세" >3333333333333333333 4444444444444444444 555555555555555555555 lt;/li& 666666666666666666 777777777777777777777 88888888888 888888888 9999999999999999999 10103000000000 ;/div>