Merhaba;

Bir tab sekmem var bu sekmelerde veritabanından çektiğim verileri alt alta listeliyorum. Jquery Scroll kullanmak istiyorum. Div'in genişliğini 300px ayarladım ve 300 den sonrası da pencere içinde aşağı kayıyor. İlk sekmede sorun yok fakat diğer sekmelerde çakışma olduğu için çalışmıyor. Nasıl aşabilirim acaba bu sorunu?
Demo adresi
Kullandığım Scroll'un demosu şurada: IScroll

Html Kodu;





$all = mysql_query("SELECT * FROM platform ORDER By id DESC");
echo "
    ";
    while($tumu = mysql_fetch_assoc($all)){
    echo "
  • ";
    echo " ";
    echo $tumu['id'];
    echo "    ";
    echo $tumu['kik'];
    echo "
    • ";
    }
    echo "
";
?>





$all = mysql_query("SELECT * FROM platform ORDER By id DESC");
echo "
    ";
    while($tumu = mysql_fetch_assoc($all)){
    echo "
  • ";
    echo " ";
    echo $tumu['id'];
    echo "    ";
    echo $tumu['kik'];
    echo "
    • ";
    }
    echo "
";
?>





JS Kodu;
<script>

var myScroll;

function loaded () {
myScroll = new IScroll('#scroller', {
scrollbars: true,
mouseWheel: true,
interactiveScrollbars: true,
shrinkScrollbars: 'scale',
fadeScrollbars: true
});

}


document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);

</script>

Css Kodu;
#scroller {
overflow: hidden;
position: relative;
-webkit-tap-highlight-color: rgba(0,0,0,0);
width: 100%;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
-o-text-size-adjust: none;
text-size-adjust: none;
}