sayfa bitince alt satıra inme sorunu

merhabalar başlıktada gördüğünüz gibi aşağıda ssini bırakıcam sayfa bitince alt taraftan devam ediyor sayfa bitince tutup kaydırarak diğerlerini görebileceği birşey yapmak istiyorum alt kısma inmesini istemiyorum nasıl yapabilirim bilgisi olan varsa yardımcı olursa sevinirim

http://jsfiddle.net/UY4K3/4/

şöyle yapıp dış dive overflow-x:auto; width:100%; dersiniz.

https://stackoverflow.com/questions/...-is-set-on-div

olmadı ben şöyle kodu atayım bakın isterseniz

<div class="overflow-x:auto; width:100%;">
<a rel="nofollow noreferrer ugc" class="example-image-link" href="http://lokeshdhakar.com/projects/lightbox2/images/image-3.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><img style="border-radius: 50%; width: 85px; height: 85px; margin-left: 10px; border:3px solid red;" class="example-image" src="http://lokeshdhakar.com/projects/lightbox2/images/thumb-3.jpg" alt=""/></a>
<a rel="nofollow noreferrer ugc" class="example-image-link" href="http://lokeshdhakar.com/projects/lightbox2/images/image-3.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><img style="border-radius: 50%; width: 85px; height: 85px; margin-left: 10px; border:3px solid red;" class="example-image" src="http://lokeshdhakar.com/projects/lightbox2/images/thumb-3.jpg" alt=""/></a>
<a rel="nofollow noreferrer ugc" class="example-image-link" href="http://lokeshdhakar.com/projects/lightbox2/images/image-4.jpg" data-lightbox="example-set" data-title="Or press the right arrow on your keyboard."><img style="border-radius: 50%; width: 85px; height: 85px; margin-left: 10px; border:3px solid red;" class="example-image" src="http://lokeshdhakar.com/projects/lightbox2/images/thumb-4.jpg" alt="" /></a>
<a rel="nofollow noreferrer ugc" class="example-image-link" href="http://lokeshdhakar.com/projects/lightbox2/images/image-5.jpg" data-lightbox="example-set" data-title="The next image in the set is preloaded as you're viewing."><img style="border-radius: 50%; width: 85px; height: 85px; margin-left: 10px; border:3px solid red;" class="example-image" src="http://lokeshdhakar.com/projects/lightbox2/images/thumb-5.jpg" alt="" /></a>
<a rel="nofollow noreferrer ugc" class="example-image-link" href="http://lokeshdhakar.com/projects/lightbox2/images/image-6.jpg" data-lightbox="example-set" data-title="Click anywhere outside the image or the X to the right to close."><img style="border-radius: 50%; width: 85px; height: 85px; margin-left: 10px; border:3px solid red;" class="example-image" src="http://lokeshdhakar.com/projects/lightbox2/images/thumb-6.jpg" alt="" /></a>
<a rel="nofollow noreferrer ugc" class="example-image-link" href="http://lokeshdhakar.com/projects/lightbox2/images/image-4.jpg" data-lightbox="example-set" data-title="Or press the right arrow on your keyboard."><img style="border-radius: 50%; width: 85px; height: 85px; margin-left: 10px; border:3px solid red;" class="example-image" src="http://lokeshdhakar.com/projects/lightbox2/images/thumb-4.jpg" alt="" /></a>
<a rel="nofollow noreferrer ugc" class="example-image-link" href="http://lokeshdhakar.com/projects/lightbox2/images/image-5.jpg" data-lightbox="example-set" data-title="The next image in the set is preloaded as you're viewing."><img style="border-radius: 50%; width: 85px; height: 85px; margin-left: 10px; border:3px solid red;" class="example-image" src="http://lokeshdhakar.com/projects/lightbox2/images/thumb-5.jpg" alt="" /></a>
<a rel="nofollow noreferrer ugc" class="example-image-link" href="http://lokeshdhakar.com/projects/lightbox2/images/image-6.jpg" data-lightbox="example-set" data-title="Click anywhere outside the image or the X to the right to close."><img style="border-radius: 50%; width: 85px; height: 85px; margin-left: 10px; border:3px solid red;" class="example-image" src="http://lokeshdhakar.com/projects/lightbox2/images/thumb-6.jpg" alt="" /></a>
<a rel="nofollow noreferrer ugc" class="example-image-link" href="http://lokeshdhakar.com/projects/lightbox2/images/image-6.jpg" data-lightbox="example-set" data-title="Click anywhere outside the image or the X to the right to close."><img style="border-radius: 50%; width: 85px; height: 85px; margin-left: 10px; border:3px solid red;" class="example-image" src="http://lokeshdhakar.com/projects/lightbox2/images/thumb-6.jpg" alt="" /></a>
<a rel="nofollow noreferrer ugc" class="example-image-link" href="http://lokeshdhakar.com/projects/lightbox2/images/image-6.jpg" data-lightbox="example-set" data-title="Click anywhere outside the image or the X to the right to close."><img style="border-radius: 50%; width: 85px; height: 85px; margin-left: 10px; border:3px solid red;" class="example-image" src="http://lokeshdhakar.com/projects/lightbox2/images/thumb-6.jpg" alt="" /></a>
<a rel="nofollow noreferrer ugc" class="example-image-link" href="http://lokeshdhakar.com/projects/lightbox2/images/image-6.jpg" data-lightbox="example-set" data-title="Click anywhere outside the image or the X to the right to close."><img style="border-radius: 50%; width: 85px; height: 85px; margin-left: 10px; border:3px solid red;" class="example-image" src="http://lokeshdhakar.com/projects/lightbox2/images/thumb-6.jpg" alt="" /></a>
<a rel="nofollow noreferrer ugc" class="example-image-link" href="http://lokeshdhakar.com/projects/lightbox2/images/image-6.jpg" data-lightbox="example-set" data-title="Click anywhere outside the image or the X to the right to close."><img style="border-radius: 50%; width: 85px; height: 85px; margin-left: 10px; border:3px solid red;" class="example-image" src="http://lokeshdhakar.com/projects/lightbox2/images/thumb-6.jpg" alt="" /></a>
<a rel="nofollow noreferrer ugc" class="example-image-link" href="http://lokeshdhakar.com/projects/lightbox2/images/image-6.jpg" data-lightbox="example-set" data-title="Click anywhere outside the image or the X to the right to close."><img style="border-radius: 50%; width: 85px; height: 85px; margin-left: 10px; border:3px solid red;" class="example-image" src="http://lokeshdhakar.com/projects/lightbox2/images/thumb-6.jpg" alt="" /></a>
<a rel="nofollow noreferrer ugc" class="example-image-link" href="http://lokeshdhakar.com/projects/lightbox2/images/image-6.jpg" data-lightbox="example-set" data-title="Click anywhere outside the image or the X to the right to close."><img style="border-radius: 50%; width: 85px; height: 85px; margin-left: 10px; border:3px solid red;" class="example-image" src="http://lokeshdhakar.com/projects/lightbox2/images/thumb-6.jpg" alt="" /></a>
<a rel="nofollow noreferrer ugc" class="example-image-link" href="http://lokeshdhakar.com/projects/lightbox2/images/image-6.jpg" data-lightbox="example-set" data-title="Click anywhere outside the image or the X to the right to close."><img style="border-radius: 50%; width: 85px; height: 85px; margin-left: 10px; border:3px solid red;" class="example-image" src="http://lokeshdhakar.com/projects/lightbox2/images/thumb-6.jpg" alt="" /></a>
<a rel="nofollow noreferrer ugc" class="example-image-link" href="http://lokeshdhakar.com/projects/lightbox2/images/image-6.jpg" data-lightbox="example-set" data-title="Click anywhere outside the image or the X to the right to close."><img style="border-radius: 50%; width: 85px; height: 85px; margin-left: 10px; border:3px solid red;" class="example-image" src="http://lokeshdhakar.com/projects/lightbox2/images/thumb-6.jpg" alt="" /></a>

</div>

<div class="parent-div">
<a rel="nofollow noreferrer ugc" class="example-image-link" href="http://lokeshdhakar.com/projects/lightbox2/images/image-3.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><img style="border-radius: 50%; width: 85px; height: 85px; margin-left: 10px; border:3px solid red;" class="example-image" src="http://lokeshdhakar.com/projects/lightbox2/images/thumb-3.jpg" alt=""/></a>
<a rel="nofollow noreferrer ugc" class="example-image-link" href="http://lokeshdhakar.com/projects/lightbox2/images/image-3.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><img style="border-radius: 50%; width: 85px; height: 85px; margin-left: 10px; border:3px solid red;" class="example-image" src="http://lokeshdhakar.com/projects/lightbox2/images/thumb-3.jpg" alt=""/></a>
<a rel="nofollow noreferrer ugc" class="example-image-link" href="http://lokeshdhakar.com/projects/lightbox2/images/image-4.jpg" data-lightbox="example-set" data-title="Or press the right arrow on your keyboard."><img style="border-radius: 50%; width: 85px; height: 85px; margin-left: 10px; border:3px solid red;" class="example-image" src="http://lokeshdhakar.com/projects/lightbox2/images/thumb-4.jpg" alt="" /></a>
<a rel="nofollow noreferrer ugc" class="example-image-link" href="http://lokeshdhakar.com/projects/lightbox2/images/image-5.jpg" data-lightbox="example-set" data-title="The next image in the set is preloaded as you're viewing."><img style="border-radius: 50%; width: 85px; height: 85px; margin-left: 10px; border:3px solid red;" class="example-image" src="http://lokeshdhakar.com/projects/lightbox2/images/thumb-5.jpg" alt="" /></a>
<a rel="nofollow noreferrer ugc" class="example-image-link" href="http://lokeshdhakar.com/projects/lightbox2/images/image-6.jpg" data-lightbox="example-set" data-title="Click anywhere outside the image or the X to the right to close."><img style="border-radius: 50%; width: 85px; height: 85px; margin-left: 10px; border:3px solid red;" class="example-image" src="http://lokeshdhakar.com/projects/lightbox2/images/thumb-6.jpg" alt="" /></a>
<a rel="nofollow noreferrer ugc" class="example-image-link" href="http://lokeshdhakar.com/projects/lightbox2/images/image-4.jpg" data-lightbox="example-set" data-title="Or press the right arrow on your keyboard."><img style="border-radius: 50%; width: 85px; height: 85px; margin-left: 10px; border:3px solid red;" class="example-image" src="http://lokeshdhakar.com/projects/lightbox2/images/thumb-4.jpg" alt="" /></a>
<a rel="nofollow noreferrer ugc" class="example-image-link" href="http://lokeshdhakar.com/projects/lightbox2/images/image-5.jpg" data-lightbox="example-set" data-title="The next image in the set is preloaded as you're viewing."><img style="border-radius: 50%; width: 85px; height: 85px; margin-left: 10px; border:3px solid red;" class="example-image" src="http://lokeshdhakar.com/projects/lightbox2/images/thumb-5.jpg" alt="" /></a>
<a rel="nofollow noreferrer ugc" class="example-image-link" href="http://lokeshdhakar.com/projects/lightbox2/images/image-6.jpg" data-lightbox="example-set" data-title="Click anywhere outside the image or the X to the right to close."><img style="border-radius: 50%; width: 85px; height: 85px; margin-left: 10px; border:3px solid red;" class="example-image" src="http://lokeshdhakar.com/projects/lightbox2/images/thumb-6.jpg" alt="" /></a>
<a rel="nofollow noreferrer ugc" class="example-image-link" href="http://lokeshdhakar.com/projects/lightbox2/images/image-6.jpg" data-lightbox="example-set" data-title="Click anywhere outside the image or the X to the right to close."><img style="border-radius: 50%; width: 85px; height: 85px; margin-left: 10px; border:3px solid red;" class="example-image" src="http://lokeshdhakar.com/projects/lightbox2/images/thumb-6.jpg" alt="" /></a>
<a rel="nofollow noreferrer ugc" class="example-image-link" href="http://lokeshdhakar.com/projects/lightbox2/images/image-6.jpg" data-lightbox="example-set" data-title="Click anywhere outside the image or the X to the right to close."><img style="border-radius: 50%; width: 85px; height: 85px; margin-left: 10px; border:3px solid red;" class="example-image" src="http://lokeshdhakar.com/projects/lightbox2/images/thumb-6.jpg" alt="" /></a>
<a rel="nofollow noreferrer ugc" class="example-image-link" href="http://lokeshdhakar.com/projects/lightbox2/images/image-6.jpg" data-lightbox="example-set" data-title="Click anywhere outside the image or the X to the right to close."><img style="border-radius: 50%; width: 85px; height: 85px; margin-left: 10px; border:3px solid red;" class="example-image" src="http://lokeshdhakar.com/projects/lightbox2/images/thumb-6.jpg" alt="" /></a>
<a rel="nofollow noreferrer ugc" class="example-image-link" href="http://lokeshdhakar.com/projects/lightbox2/images/image-6.jpg" data-lightbox="example-set" data-title="Click anywhere outside the image or the X to the right to close."><img style="border-radius: 50%; width: 85px; height: 85px; margin-left: 10px; border:3px solid red;" class="example-image" src="http://lokeshdhakar.com/projects/lightbox2/images/thumb-6.jpg" alt="" /></a>
<a rel="nofollow noreferrer ugc" class="example-image-link" href="http://lokeshdhakar.com/projects/lightbox2/images/image-6.jpg" data-lightbox="example-set" data-title="Click anywhere outside the image or the X to the right to close."><img style="border-radius: 50%; width: 85px; height: 85px; margin-left: 10px; border:3px solid red;" class="example-image" src="http://lokeshdhakar.com/projects/lightbox2/images/thumb-6.jpg" alt="" /></a>
<a rel="nofollow noreferrer ugc" class="example-image-link" href="http://lokeshdhakar.com/projects/lightbox2/images/image-6.jpg" data-lightbox="example-set" data-title="Click anywhere outside the image or the X to the right to close."><img style="border-radius: 50%; width: 85px; height: 85px; margin-left: 10px; border:3px solid red;" class="example-image" src="http://lokeshdhakar.com/projects/lightbox2/images/thumb-6.jpg" alt="" /></a>
<a rel="nofollow noreferrer ugc" class="example-image-link" href="http://lokeshdhakar.com/projects/lightbox2/images/image-6.jpg" data-lightbox="example-set" data-title="Click anywhere outside the image or the X to the right to close."><img style="border-radius: 50%; width: 85px; height: 85px; margin-left: 10px; border:3px solid red;" class="example-image" src="http://lokeshdhakar.com/projects/lightbox2/images/thumb-6.jpg" alt="" /></a>
<a rel="nofollow noreferrer ugc" class="example-image-link" href="http://lokeshdhakar.com/projects/lightbox2/images/image-6.jpg" data-lightbox="example-set" data-title="Click anywhere outside the image or the X to the right to close."><img style="border-radius: 50%; width: 85px; height: 85px; margin-left: 10px; border:3px solid red;" class="example-image" src="http://lokeshdhakar.com/projects/lightbox2/images/thumb-6.jpg" alt="" /></a>
 
</div>

.parent-div{
width:100%;
max-width:50%;
overflow-x:auto;
display:flex;
}

teşekkürler oldu bide bu altındaki scrollu görünmez yapabiliyormuyuz

.parent-div{
width:100%;
max-width:50%;
overflow-x:auto;
display:flex;
-ms-overflow-style: none; 
scrollbar-width: none; 
}
.parent-div::-webkit-scrollbar {
 display: none;
}

durmadan bişeyler istiyorum gibi oldu ama bu sefer sadece mobilde tutup kaydırılabiliyor normal pc de kaydırılmıyor neyse çözümü yoksa böyle olsun artık yapacak bişey yok