JQuery는 vw를 기반으로 한 위치에 애니메이션을 적용합니다.

Question

제목이 있습니다. 페이지 상단의 whos 위치는 margin-top과 vw 값을 기반으로합니다.

.name_slogan { 
width: 1000px; 
margin: auto; 
z-index: 1; 
margin-top:7vw; 
} 

나는 행동 평소 폭스 바겐으로 위에서의 이동 한 후 제목 마진 정상이이 제목을 싶습니다. 창의 크기가 조절되면서 커지고 줄어드는 것을 의미합니다. 의 다음

$('.name_slogan').animate({top: "200px"}, 5000); 

그러나 :

지금까지 내가 페이지로드 페이지 떨어져 사업부를 이동 한 :

$('.name_slogan').css({ 
    position: 'relative', 
    top: '-300px' 
}); 

을 그리고 나는 설정 위치에 다시 가져올 수 있습니다 물론, vw는 작동하지 않습니다. 그래서 가능하다면,이 비 작동 코드 같은 것을 싶습니다

$('.name_slogan').animate({top: "7vw"}, 5000); 

Answer 1

jQuery를 자체적으로 뷰포트 크기에 액세스 할 수 있습니다 - 당신은

$('.name_slogan').animate({top: $(window).width()*0.07}, 5000);