2012-11-29 9 views
1

크기 조정.자동으로 이미지 나는 <a href="http://www.chanel.com/" rel="nofollow">Chanel's</a> 웹 사이트의 기능을 복제, 사이트 <a href="http://elixdesigns.com/gisell/" rel="nofollow">here</a>를 만드는 오전

현재 리사이징은 너비가 현저하지만 높이가 높으면 이미지가 중앙에 오르고 바닥 글 위에 조금 오도록 올바르게 작동합니다. 샤넬이 가진 것처럼 내 모든 이미지는 1920 x 1080입니다. 또한 Chanels 사이트에서는 스크롤을 조금만 아래로 내리면 아래쪽 절반이 자동으로 위로 당겨져 어디서나 버튼 하나로 작업 할 수 있습니다.

iPad에서 페이지를 볼 때 사이트의 약 75 % 만 표시됩니다. 나는 그것이 더 많은 버튼 패딩에 있다고 생각했다. 그러나 그것은 문제가 아니었다.

감사합니다. 그냥 조금 아래로가 자동으로 I 만 가지고 그것을 그냥 버튼으로 작업 할 경우 바닥 절반을 끌어 이동하면

답변

1

또한 사이트를 Chanels.

상단의 div이 고정되었거나 절대 값이기 때문입니다. "아래쪽 절반"에는 스크롤 위쪽에서만 100 %의 위쪽 여백이 표시됩니다.

"javascript를 통해 자동으로"끌어 올립니다. 자바 스크립트를 끄면 정상적으로 작동합니다. 그렇게하려면 아마 document.body.onscroll = function() { ...animation... }과 같은 것을 사용하면됩니다. 다음과 같이

div#languages.popin (ID = 언어, 클래스 = POPIN)의 CSS는 다음과 같습니다

.popin { 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    width: 900px; 
    height: 600px; 
    margin-top: -300px; 
    margin-left: -450px; 
    background: none repeat scroll 0% 0% rgb(255, 255, 255); 
    z-index: 150; 
    overflow: hidden; 
} 

는 그에 따라 가정, 당신은 유사한 결과를 얻을 수 있습니다. 방화 녀 또는 그 변종을 시험해보고 잊어 버린 부분을 찾기 위해 요소를 검사하십시오.

관련 문제