가로로 스크롤 한 후에 div 요소를 배치하는 방법은 무엇입니까?

페이지의 #header 요소를 오른쪽으로 약 100 % 스크롤 한 후에 "고정 된"위치에 배치 할 방법을 찾고 있습니다.가로로 스크롤 한 후에 div 요소를 배치하는 방법은 무엇입니까?

<script type='text/javascript'> 
var header = $("#header"); 
$(document).scroll(function() { 
    if($(this).scrollLeft() > 1920) { 
     header.css({"position" : "fixed", "top" : "0", "left" : "0", "width" : "50px", "height" : "50px", "background" : "red", "z-index" : "9999"}); 
    } else { 
     header.css({"display" : "none"}); 
} 
}); 
</script>

그러나 그것은 작동하지 않습니다 < 100 %를두면

그런 다음

#header { display:none; }

왼쪽> 100 % 경우

#header { position:fixed, top:0, left:0, width:50px, height:50px, color:red, z-index:9999; }

나는이 시도. 그리고 픽셀 수 대신 백분율로 조건을 만들 수 있습니까? (1920 대신 100 %)

제발 도와 주시겠습니까?

출처

2015-01-20 Guillaume

1920을 "window.innerWidth"로 바꾸어보십시오. 브라우저 창 너비에 대한 JS DOM 변수입니다.

출처

2015-01-20 04:32:45 stealthwang

내 요청에 감사드립니다. 하지만 어딘가에 실수가 있다고 생각합니다. 작동하지 않습니다 ... – Guillaume

JSFiddle 또는 유사한 예제로 전체 참조를 만들 수 있습니까? – stealthwang

다른 방법으로는 누군가가 도움을 줄 수있는 방법이 거의 없으며 정직한면에서이 새로운 문제는 새로운 질문에서 더 잘 제기됩니다. – stealthwang

가로로 스크롤 한 후에 div 요소를 배치하는 방법은 무엇입니까?

답변

관련 문제