1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > Jquery控制div滚动 但不显示滚动条

Jquery控制div滚动 但不显示滚动条

时间:2018-11-14 13:06:59

相关推荐

Jquery控制div滚动 但不显示滚动条

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);

说明:我的图片是从网络获取的,有多张。

效果展示图:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。