페이지가 스크롤 할 때 모달 스크롤

Question

페이지에 하나의 오버레이가 있습니다. 링크를 확인하십시오. 당신이 스크롤 할 때

SLIDER DEMO

는 올 것이다 페이지가로드되면. 그런 다음 오버레이 아래 페이지는 동일하게 유지됩니다. 또한 해당 URL에서 언급 한대로 페이지가 스크롤 될 때까지 스크롤해야합니다. 그런 다음 다시 스크롤하면 다시 나타납니다.
이 코드를 사용하여 slideme()은 오버레이를 가져오고 reset()은 되돌아갑니다.

희망 사항은 분명합니다. 미리 감사드립니다.

$(document).ready(function() 
{ 
    SlideMe(); 

    $('body').keypress(function(e) 
    { 
     if(e.keyCode == 27) 
     { 
      reset(); 
     } 
}); 

    }); 
    function SlideMe() 
    { 
     if(document.getElementById('hdnFBStats').value == 1) 
     { 
      document.getElementById('hdnFBStats').value =0; 
      reset(); 
      return false; 
     } 

     $lngDocWidth = ($(document).width()/3)+32; 

     $('#overlay').fadeIn('fast',function(){ 
      $("#fb").animate({marginRight:$lngDocWidth}, 1500);   
     }); 

     $("#feedbackimg").css("margin-right", '100px'); 
     $("#feedbackimg").css("float", 'right'); 

     document.getElementById('hdnFBStats').value= 1; 
    } 

    function reset() 
    { 
     $("#fb").css('margin-right', '0px'); 
     $('#overlay').fadeOut('fast'); 
    } 

Answer 1

난 그냥 CSS를 수정해야한다고 생각합니다.
스타일 position을 fixed 대신 absolute으로 입력하십시오.

#fb { 
    position: absolute; 
    right: -505px; 
    top: 150px; 
    z-index: 101; 
} 

편집 : 희망이 도움이 될 수 있습니다.

function thisfunc(evt) { 
    if(window.pageYOffset>=400) { 
     // if(sent to right) { 
     //send to right 
     //} 
    } 
    else { 
     // if(sent to middle) { 
     //send to middle and restore 
     //} 
    } 
    } 
    document.onscroll=thisfunc;