scrollleft不起作用,我這個簡單的例子有沒有人幫我完善下左右滾動發(fā)給我謝謝啊
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
#div1{
margin-left: 50px;
width: 100px;
height: 25px;
background: red;
padding-top: 5px;
}
#div2{
height: 20px;
background: gray;
overflow: hidden;
}
ul{
list-style: none;
height: 20px;
}
li{
line-height: 20px;
float: left;
width: 25px;
}
</style>
<script type="text/javascript">
window.onload=function(){
var div2=document.getElementById("div2")
var ul1=document.getElementById("ul1")
var ul2=document.getElementById("ul2")
ul2.innerHTML=ul1.innerHTML
div2.scrollLeft=30
}
</script>
</head>
<body>
<div id="div1">
<div id="div2">
<ul id="ul1">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
</ul>
<ul id="ul2"></ul>
</div>
</div>
</body>
</html>
這個是我簡寫的代碼
我發(fā)現(xiàn)的是ul里面的內(nèi)容不夠顯示會擠到div2下方而不是水平顯示超出的范圍,
這個可能導致scrollleft不起作用,不知道怎么解決
2017-01-16
2017-08-04
2017-01-16
2017-01-16
有沒有人能在基礎(chǔ)上修改下給我參考下,謝謝
2017-01-15
如圖,設(shè)置#div2不換行,ul為行內(nèi)塊級元素即可。