페이지에서 내용 밀어 내기

오른쪽에 벡터 소파가있는 페이지를 설정하고 마우스 오버하면 슬라이드 아웃됩니다. 내 목표는 소파 왼쪽의 콘텐츠를 페이지 왼쪽으로 슬라이드시키는 것입니다.페이지에서 내용 밀어 내기

슬라이더를 끝내려면 내 요소를 절대 설정해야합니까? 아마 animate()를 사용하여 소파를 움직여 올바른 CSS 속성을 조정할 것입니다.

기본적으로 왼쪽으로 슬라이드됩니까?

이것에 대한 아이디어는 슬라이드 아웃하는 방법을 알고 있지만 페이지 왼쪽으로 콘텐츠를 슬라이드하는 방법을 모르겠습니다.

NEW CODE :

$(document).ready(function() { 
    $('#slidemarginleft button').click(function() { 
var $marginLefty = $(this).next(); 
$marginLefty.animate({ 
    marginLeft: parseInt($marginLefty.css('marginLeft'),10) == 0 ? 
    $marginLefty.outerWidth() : 
    0 
}); 
    }); 
});

내가 소파가, 예 요소가 미끄러 만들 수있는 유일한 방법

출처

2009-04-26 Coughlin

을 왼쪽에서 오른쪽으로 이동 위의 코드를 사용하는 말 페이지는 고정 및/또는 절대 위치 지정을 사용합니다 (단순히 요소를 페이지보다 크게 만드는 것 외).

컨테이너가 설정되는 방법을 정확하게 알지 못하기 때문에 왼쪽에있는 페이지가 "it"인지 확실하지 않습니다. HTML이 어떻게 보이는지에 대한 예를 던지려면 많은 사람들이 더 나은 추측을 할 의향이있을 것이라고 확신합니다. (jsbin.com을 사용하여 예제를 설정하는 것이 좋습니다)

출처

2009-04-26 18:46:37 cgp

Thats 내가 생각한 바가 있지만 어떻게하면 왼쪽의 애니메이션과 일치하게 할 수 있을까요? 마우스를 올리면 왼쪽에서 오른쪽으로 콘텐츠를 수동으로 슬라이드해야합니까? – Coughlin

내가 너희들을 위해 간단한 예를 들어 보자. – Coughlin

내 원래의 질문에 예제를 추가했다. – Coughlin

페이지에서 내용 밀어 내기

답변

관련 문제