Jquery控制div滚动,但不显示滚动条
Html代码:
<div class="dv_phone_pic">
<div class="prew_box">
<div class="dv_icon" id="prew"></div>
</div>
<div id="dv_pics_box"></div>
<div class="next_box">
<div class="dv_icon" id="next"></div>
</div>
</div>
Css样式
.dv_phone_pic{
width: 1200px;
height: 500px;
margin: auto;
background-color:#333
}
#dv_pics_box{
width: 900px;
height: 500px;
margin-top:0px;
margin-left:10px;
margin-right:10px;
float: left;
overflow-y:hidden;
overflow-x: hidden;
}
.dv_icon{
width: 60px;
height: 60px;
float: left;
cursor: pointer;
}
.prew_box{
width: 60px;
height: 60px;
float: left;
margin: 240px 20px;
}
.next_box{
width: 60px;
height: 60px;
float: left;
margin: 240px 20px;
}
#prew{
background-image: url("../images/pre2.png");
background-repeat: no-repeat;
}
#next{
background-image: url("../images/next2.png");
background-repeat: no-repeat;
}
JS代码:
var jsonArray=eval(data.message.imgs);
var picCount=jsonArray.length;
var boxWidth=picCount*300;
console.log("box Width: "+boxWidth);
var t=' <div class="dv_phone_pic_content" style="width:'+boxWidth+'px">';
for(Picitem in jsonArray){
var img=jsonArray[Picitem];
console.log("imgs Item:"+img);
t+='<img class="img_app_pic_item" src="' + img + '"/>';
}
t+='</div>';
$("#dv_pics_box").html(t);
说明:我的图片是从网络获取的,有多张。