고정 위치 지정이 작동하지 않습니다.

Question

이 코드는 특정 크기만큼 창을 아래로 스크롤 할 때 브라우저 창의 상단에 탐색 모음을 배치하려는 위치에 있습니다.

$(document).ready(function(){ 

    $(window).scroll(function(){ 
    if($(this).scrollTop()>300) 
     { 
     $("#main_nav").css("position","fixed", "top", "0", "left", "initial"); 
     } 
    });   
}); 

하지만 윈도우 스크롤에

에서, 탐색 바 (! = 0 위)에 수직으로 동일한 위치에 남아 가로 브라우저 윈도우의 시작 이동 (왼쪽 = 0). 누구든지 코드의 문제점을 알 수 있습니까?

Answer 1

모든 CSS 속성을 JS 개체로 전달해야합니다. 이 줄을 사용 : 당신은 단지 하나 개의 속성 값을 설정해야하는 경우

$("#main_nav").css({"position":"fixed", "top": "0", "left": "initial"}); 

을, 당신은 JS 객체없이 그것을 할 수 있습니다.

$("#main_nav").css("position","fixed"); 
$("#main_nav").css("top", "0"); 
$("#main_nav").css("left", "initial"); 

또는

$("#main_nav").css("position","fixed").css("top", "0").css("left", "initial");