jQuery Full Scroll Slider with ScrollTo

내 사이트 탐색을 사용하여 scrollTo를 사용하여 선택한 슬라이드로 이동합니다. 슬라이드는 jQuery를 통해 창 높이와 너비의 100 %로 설정됩니다. scrollTo를 사용한 후 창 크기를 조정하면 슬라이드 위치가 잘못되었습니다.jQuery Full Scroll Slider with ScrollTo

내 예는 여기에 볼 수 있습니다 : http://bit.ly/yRi72B

클릭 "다음"을 선택한 후 크고 작게 창 크기를 조정하고 당신은 내가 무슨 뜻인지 볼 수 있습니다.

출처

2012-03-11 Anonymous

나에게 잘 어울립니다 ... –

방금 스크롤 한 div를 으로 설정할 수 있습니다. 예 : 당신의 창 크기 조정 이벤트 호출

$("div#wrapper").scrollTo(currentslide, 0);

출처

2012-03-11 09:11:38 Greg

이것은 작동합니다. 그러나 모든 크기 변경시 scrollTo를 실행하면 _incredibly_ 느립니다. 그래도 오른쪽 궤도에. –

와우. 신경 쓰지 마. scrollTo에 애니메이션 시간이 0 인 것을 잊었습니다. Dur. 감사합니다 :) –

하, 안심! – Greg

$(window).resize()을 사용하면 창 크기 조정 이벤트를 포착하고 슬라이드 너비와 높이를 다시 100 %로 설정할 수 있습니다.

출처

2012-03-11 09:08:14 slash197

을에서 다음

$("div#logo").click (function() { 
    $("div#wrapper").scrollTo("div#about", 1000); 
    currentslide = "div#about"; 
});

당신은 선언하고 변수 현재 = "DIV 번호 홈"을 초기화 할 수 있습니다; 다음 귀하의 크기 조정 함수에 대한 귀하의 스크롤 함수를 호출 끝에 ... $ ("div # wrapper"). scrollTo (currentslide, 0);

과 클릭 기능에

는 .. ..

행운을

나를 위해이 작품을 = "DIV 번호 홈"또는 "에 대한 DIV 번호"현재 설정!

출처

2012-03-30 14:40:18 MikeOrtiz

jQuery Full Scroll Slider with ScrollTo

답변

관련 문제