올빼미 캐 러셀 플러그인을 사용하면 autoHeight 옵션을 사용하여 탐색 수직 정렬 중심을 지정하는 방법을 찾을 수 없습니다. 올빼미 컨베이어, 내비게이션
http://codepen.io/anon/pen/jJAHL
나는 다음과 같은 시도했지만 그것은 단지 지난 높이를 얻을. 이전에.owl-theme .owl-controls .owl-buttons .owl-prev {
left: -45px;
top: 45%;
}
올빼미 캐 러셀 플러그인을 사용하면 autoHeight 옵션을 사용하여 탐색 수직 정렬 중심을 지정하는 방법을 찾을 수 없습니다. 올빼미 컨베이어, 내비게이션
http://codepen.io/anon/pen/jJAHL
나는 다음과 같은 시도했지만 그것은 단지 지난 높이를 얻을. 이전에.owl-theme .owl-controls .owl-buttons .owl-prev {
left: -45px;
top: 45%;
}
는 다음과 같은 percentage
에 제공 나를 위해 잘 작동하고 다른 사람들을 도울 수 있습니다.
#photos .owl-nav{
position: absolute;
top: 45%;
width: 100%;
}
#photos .owl-prev{
float:left;
}
#photos .owl-next{
float:right;
}
변경 CSS 및 다음 버튼
.owl-theme .owl-controls .owl-buttons .owl-next,.owl-theme .owl-controls .owl-buttons .owl-prev
{
top:40%;
}
을 늦게 어쩌면 조금 있지만 대신 픽셀에 top
position
을주는
$(this_gallery).owlCarousel({
singleItem: true,
autoHeight : true,
navigation:true,
// autoPlay : 2000,
stopOnHover : true,
afterAction: function() {
var center_height = $(this_gallery).find('.owl-wrapper-outer').height();
console.log(center_height);
// $(this_gallery).find('.owl-buttons').css('top', center_height);
}
});