아래로 스크롤 할 때 스크롤 위치입니다. jquery

페이지 하단에 숨겨진 전단 (요소)이 있습니다. 사용자가 페이지 내용의 70 %에 이르기까지 아래로 스크롤하면 해당 요소가 표시되기를 원합니다. jquery에서 어떻게 이것을 할 수 있습니까?아래로 스크롤 할 때 스크롤 위치입니다. jquery

감사합니다, L

출처

2011-01-12 lshettyl

은 ... 명성을

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Test</title> 
    <style type="text/css"> 
     .flyer { 
     top:0px; height:0px; 
     width:300px; 
     height:100px; 
     background-color:#ffc; 
     border:solid 1px #000; 
     position:absolute; 
     } 
    </style> 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> 
    </head> 
    <body> 
    <div class="container"> 

    </div> 
    <div class="flyer"></div> 
    </body> 
    <script type="text/javascript"> 
    $(function() { 
     $(".flyer").fadeOut(0); 
     for (var i = 0; i < 500; i++) { 
     $("<div class=\"item\">Line " + i +"</div>").appendTo($(".container")); 
     } 

     $(window).scroll(function(e) { 
     var dh = $(document).height(); 
     var sh = $(this).scrollTop(); 
     if (sh/dh > 0.70) { 
      $(".flyer").offset({left:0,top:sh + 20}).fadeIn("fast");   
     } else { 
      $(".flyer").fadeOut("fast"); 
     }   
     }); 
    }); 
    </script> 
</html>

출처

2011-01-12 14:54:56

일을이에게 완벽하지 아직 시도 ... 부여, 그러나 당신에게 출발점을 제공해야합니다. 그리고 누구나 작업 복사본 (한 위치에 DIV를 유지하기 위해 약간 수정 됨)을 원하면 다음을 볼 수 있습니다. http://www.jsfiddle.net/bradchristie/7EKAH/1/ –

aw! 지미 덕분에, 잘 했어. – lshettyl

아래로 스크롤 할 때 스크롤 위치입니다. jquery

답변

관련 문제