웹 사이트의 메뉴에 전환 효과를 만들었습니다. 요소 위로 마우스를 가져 가면보고 싶은 콘텐츠가 표시되지 않습니다. 대신 스크롤 막대가 나타납니다. 즉, 전환 효과가이 메뉴에서 작동하지만 페이지가 메뉴 내용을 표시하지 않습니다. 내 메뉴가 페이지 하단에 있습니다. 아래 내 코드를 참조하십시오. 감사합니다CSS3 전환은 태그 내용 대신에 스크롤 막대를 표시합니다.
.change_height {
overflow:hidden;
height: 20px;
transition: height 3s;
}
.change_height:hover
{ height: 198px; }
코드는 괜찮아 보입니다. 오버플로가 필요하지 않습니다.
.change_height {
background:blue;
height: 20px;
transition: height 3s;
}
.change_height:hover{
height: 198px;
}
내 메뉴는 페이지 하단에 있습니다. 태그 위로 마우스를 가져 가면 아래에서 오는 메뉴가 필요합니다. 단순히 전체 페이지가 하단 메뉴를 표시해야한다고 말하면서. 나는 css3 전환을 사용하여 높이를 높이려고 노력하고 있습니다. 그러나 그것은 일어나지 않습니다. 스크롤 막대는 내가보기에 필요한 것 대신에 올라간다. 감사합니다 – Chathuraka
이게 당신이 찾는거야? 게시물 코드를 입력하십시오. http://jsfiddle.net/y55sz/2/ – hyperdrive
CSS만으로도 애니메이션을 사용하더라도 브라우저가 자동으로 스크롤하지 않습니다. 마우스 오버시 트리거되는 자바 스크립트를 사용해야합니다.
사용 편의성의 관점에서 왜 그 위치에 메뉴가 나타나길 원하는지 궁금합니다. 트리거하는 요소가 항상 페이지 맨 아래에 있으면 왜 위쪽으로 움직이지 않습니까?
웹 사이트 또는 jsfiddle.net과 같은 소스 코드의 전체 소스 코드 예 (HTML 포함)를 표시하십시오. –
잘 작동합니다 (이 jsfiddle에서) (http://jsfiddle.net/h6wm2/) – Stasel