현재 반응 형 웹 디자인에서 작업 중이며 마크 업은 완전히 완료되었으며 모든 브라우저 너비에서 정상적으로 작동합니다. 그러나 나는 그것을 그냥 두지 않는다. 저크 드롭 대신 부드러운 전환을 사용하여 div를 보유하는 뉴스의 높이를 조정하려했습니다.mootools를 사용한 반응 형 웹 사이트의 부드러운 전환 div 높이
나는 이것을 도와주고 싶은 누군가를 위해 jsfiddle을 설치했다. 나는 반응 형 웹 디자인으로 일하는 누구에게나 유용 할 것이라고 확신한다. http://jsfiddle.net/rYQtb/10/
많은 thnx!
당신이 원하는 것은 resize 이벤트에 리스너가 필요하기 때문에 생각 나는 것 같아요.
나는 당신의 바이올린과 함께 시작한 무언가를 시도했다 : http://jsfiddle.net/rYQtb/15/
자바 스크립트와 CSS (오버 플로우 값 추가)를 업데이트했다. 하지만 글로벌 div (바이올린과 같은) 또는 각 '뉴스'div에서 높이를 고정시키고 싶습니까?
희망이 있으면 도움이 될 것입니다.
아주 좋은 시작, 문제는 우리가 오버 플로우 자동 또는 스크롤 볼 수 없습니다. 새로운 div가 고정 된 높이와 고정 된 홀더를 얻으면 우리는 멋진 애니메이션을 가질 수 있다고 생각합니다. – Benn
저는 각 '뉴스'div 또는 메인 div에서 높이를 고정하는 것 중에서 선택해야한다고 생각합니다. 둘 다 이상 할 것이다. 나는 몇 번이나 시험을 볼 것이기 때문에 나는 시험 할 것이다. 오버플로의 경우 오버플로를 넣으면 잊지 마세요. 어떤 경우에는 내용에 접근 할 수 없을 수도 있습니다. –
주 컨테이너와 div에 고정 높이를 테스트했는데 이상하고 친구입니다. 나는 또한 각각의 '뉴스'div에 고정 높이를 놓기 위해 테스트했으며 결과는 오버플로를 변경하기 위해 숨겨진 속성을 변경해야하는 것과 동일한 (논리보기) 것입니다. :) –
부드러운 자바 스크립트 방식으로 "얼간이 대신 부드러운 전환 사용"을 원하십니까? 아니면 CSS 전환을 원하십니까? 미안하지만 당신의 질문을 이해할 수 없다면 – SteveLacy
@AZInventor 중 하나가 실제로 잘 작동합니다. mootools 기술을 선호한다면 css3 전환도 도움이 될 수 있습니다. – Benn
이 목적을 달성하지 못합니까? http://bricss.net/post/22198838298/easily-checking-in-javascript-if-a-css-media-query-has?04001770을 참조하십시오 - js를 사용하여 실행 된 미디어 쿼리를 확인하고 두 개를 연결해야합니다 함께, 새로운 크기의 로직이 독립적으로 실행되지 않습니다. –