完全に表示されていない場合は、要素の最後までスクロールしてください。

Question

子として多くのdivを持つ親コンテナがあります。

親コンテナには水平スクロールがあります。

どうすれば子divの最後までスクロールすることができますか？

両方向で動作するはずです。

JS

例ここに/ jQueryの/ CSS：https://jsfiddle.net/04mzhagr/

.parent{ 
 
     width:100%; 
 
     white-space: nowrap; 
 
     overflow-y: hidden; 
 
     overflow-x: scroll; 
 
    } 
 
    .child{ 
 
     display:inline-block; 
 
     padding:10%; 
 
     background-color:blue; 
 
     margin:10px; 
 
    }

<div class='parent'> 
 
     <div class='child'> test</div> 
 
     <div class='child'> test</div> 
 
     <div class='child'> test</div> 
 
     <div class='child'> test</div> 
 
     <div class='child'> test</div> 
 
     <div class='child'> test</div> 
 
     <div class='child'> test</div> 
 
     <div class='child'> test</div> 
 
     <div class='child'> test</div> 
 
     <div class='child'> test</div> 
 
     <div class='child'> test</div> 
 
     <div class='child'> test</div> 
 
     <div class='child'> test</div> 
 
     <div class='child'> test</div> 
 
     <div class='child'> test</div> 
 
     <div class='child'> test</div> 
 
     <div class='child'> test</div> 
 
     <div class='child'> test</div> 
 
     <div class='child'> test</div> 
 
     <div class='child'> test</div> 
 
     <div class='child'> test</div> 
 
     <div class='child'> test</div> 
 
     <div class='child'> test</div> 
 
     <div class='child'> test</div> 
 
     <div class='child'> test</div> 
 
    </div>

Answer 1

<div id='parent' class='parent'> 
    <div class='child'> test</div> 
    <div class='child'> test</div> 
    <div class='child'> test</div> 
    <div class='child'> test</div> 
</div> 

<script> 
    var parent = document.getElementById("parent"); 
    parent.scrollLeft = parent.scrollWidth; 
</script> 

https://jsfiddle.net/bendela6/v7609Lw0/