div의 스크롤바를 중앙에 배치하는 방법은 무엇입니까?
이것이 내가 가진 것입니다.
<div id="mydiv" style="width:1000px;overflow:auto;">
<img src="..." style="width:100%;height:250px;" />
</div>
$(window).on('resize', function () {
$('#mydiv').scrollLeft(
$( "#mydiv" ).width() - $( "#mydiv" ).width()/2
);
});
그러나 이것은 작동하지 않습니다. 정확히 센터링이 아닙니다. 안타깝게도 50 %를 설정할 수 없습니다. scrollLeft (() 함수에는 정수가 필요합니다.
감사!
여기에 귀하의 솔루션이 있습니다. 이미지 너비보다 작은 가능한 모든 너비로 확인했습니다. 플라스틱 눈금자로 스크롤바의 좌우 공간을 모두 측정했습니다 ..LOL. :) 양쪽이 같은지 확인
var outer=document.getElementById('mydiv').offsetWidth
var inner=document.getElementById('im').offsetWidth;
console.log(inner);
$('#mydiv').scrollLeft((inner-outer)/2)
<div id="mydiv" style="overflow:auto; overflow-y:hidden;width:300px">
<img id="im" src="http://eofdreams.com/data_images/dreams/image/image-15.jpg" />
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다