사용자가 자바 스크립트로 아래로 스크롤하는 동안 브라우저 창의 상단에 부착하는 레이어를 만드는 방법

Question

내가하고있는 일을하고 있었던 것 같습니다. 나는 wix 호스팅으로 디자인 된 사이트를 가지고있다. 그들은 CSS 레이어를 지원하지 않지만 무료 버전을 사용하면 자동으로 각 페이지 상단에 로고와 가입 버튼이있는 광고를 삽입합니다. 나는 그들의 코드를 다시 작성하고 서버 측을 사용하여 내 로고를 표시하고 페이지 상단이 고정 된 상태에서 버튼을 스크롤하여 페이지가 아래로 스크롤 되어도 서명했습니다. 그러나 그들은 지금 막 무언가를 바꾸고 지금 나는 다시 나의 위치를위한 단추를 등록해야한다.

고정 된 위치에서 레이어를 생성하는 버튼을 만들 수있는 자바 스크립트를 보았습니다.하지만 페이지가 스크롤되는 동안 페이지 상단의보기에 그대로 유지되는 JavaScript 코드를 사용하여 레이어를 생성 할 수 있습니다. Wix는 태그를 지원합니다. 이 동일한 코드를 수정하여 수정 된 머리글과 바닥 글이 스크롤되는 가운데 섹션 만 허용 할 수 있습니까? 내 사이트는 here으로 볼 수 있습니다. 레이아웃이 현재 무엇인지 생각하고 싶다면.

Answer 1

이 코드를 시도하십시오.

<div id="sMenuR" style="background-color: red; width:50px; height:50px; "> </div> 
    <script type="text/javascript"> 
     var NS = (document.layers) ? true : false; 
     var IE = (document.all) ? true : false; 

     jQuery(document).ready(function() { 
      jQuery('#sMenuR').click(function() { 
       jQuery("html, body").animate({ 
        scrollTop : 0 
       }, 600); 
       return false; 
      }); 

      if (IE) { 
       window.setInterval(function() { 
        var position = document.documentElement.scrollTop; 
        jQuery("#sMenuR").animate({ top : position + "px" }, 600); 
       }, 1000); 
      }else{ 
       window.setInterval(function(){ 
        jQuery("#sMenuR").animate({top : jQuery(document).scrollTop() + "px" }, 600); 
       },1000); 
      } 
     } 

     ); 
    </script>