2012-07-09 1 views
1

이 사이트는 jquery 아코디언을 기반으로합니다. 아코디언 (Chirp ...)의 첫 번째 링크를 클릭하면 작은 새 이미지의 일부가 잠시 사라집니다. 왜 그런지 알고 있니? 애니메이션이 애니메이션이있어 컨테이너에 overflow: hidden;을 적용하기 때문에클릭하면 이미지가 사라집니다

http://imip.rvadv.com/index2.html#home

+0

나는 여전히 전체 섹션과 새가 앉아 유지도 더 좋은 것 같아요. 텍스트 "Chirp, 하시겠습니까?"는 실제로 움직일 필요가 없습니다. –

+0

동의합니다. 나는 단지 내가하는 일을 모른다. LOL. 방금이 아코디언 js를 찾았고 최선을 다해 구현하려고 노력 중입니다 ... 그 질문은 곧 여기에 표시 될 것입니다! :-) – imakeitpretty

답변

1

이 사라지고.

잠시만 기다려주세요. 해결 방법을 찾으면 알려 드리겠습니다.

... 

좋아, 나는 그것을 해결하려는 방법은 더 나은 방법의 #wrapper

생각에 배경으로 새 이미지를 가지고있다.

변경 920px-#wrapper의 폭과 30px (우리가 전체 폭에 추가 한 60 픽셀의 절반)의 귀하의 아코디언에 li 항목을 왼쪽과 오른쪽 패딩을 추가합니다. 이렇게하면 새 이미지가 li에 포함되어 오버 플로우가 애니메이션에서 자르지 않게됩니다.

참고 : 애니메이션은 약간 꺼져 있습니다. 이상한 일이 벌어 지지만,이를 무시하고 새 이미지를 컷오프되지 않게 만드는 방법을 살펴 보았습니다.

:)

+0

고마워! 나는 나중에 그 급락을 다룰 예정이다. – imakeitpretty