亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

只讓DIV出現橫向滾動條,窗口不要有滾動條

只讓DIV出現橫向滾動條,窗口不要有滾動條

慕的地6264312 2019-05-25 17:07:40
畫面上有一些內容顯示,然后我要顯示一定數量的div元素,按照下拉框的數量,設置成橫向顯示.下拉框的數量是一屏幕顯示的個數,總共的數量我暫時在source里面固定寫成40.比如一屏顯示10個,我就可以往右拖動滾動條顯示所有的div.現在的問題是,我的代碼的滾動條是窗口的,拖動的時候,屏幕上其他內容也被拖動,看不到了,比如下拉框.我想實現的功能是在最外層container的div加上滾動條.我source里面設置了overflow-x:scroll貌似不起作用.直接上我的代碼123functioncreateDiv(){//假設總數vartotal=40;vars1=document.getElementById('s1');varnumOfPage=s1.valuevarcontainer=document.getElementById('container');//清除上次的append的divvarhasChild=container.children.length?true:false;if(hasChild){while(container.hasChildNodes())//當div下還存在子節點時循環繼續{container.removeChild(container.firstChild);}}varpage=Math.ceil(total/numOfPage);//控制橫屏大小container.style.width=page*100+"%";varrowColumun={'2':{'row':2,'column':1},'4':{'row':2,'column':2},'6':{'row':2,'column':3},'8':{'row':2,'column':4},'10':{'row':2,'column':5},'20':{'row':4,'column':5}};var{row,column}=rowColumun[numOfPage];column=column*page;varcolumnWidth=99/column+"%";varpercentH=95/row+'%';letloopCount=total;if(loopCount>0){all:for(vari=0;i
查看完整描述

2 回答

?
拉莫斯之舞

TA貢獻1820條經驗 獲得超10個贊

修改后的style樣式如下:
修改后的html代碼如下:
2
4
6
8
10
20
OK
因為你的#container元素會動態計算寬度,而且#container里面的元素的大小也是根據這個元素的大小計算的百分比,所以子元素的長度不會超過#container容器的寬度,所以其實并沒有產生滾動的條件。而body的大小是小于#container容器大小的,所以body上會出現滾動條。overflow的scroll屬性是無論是否會出現滾動,都會顯示一個滾動條,所以#container下面是有一個不可以滾動的滾動條的,body的滾動條是可以滾動的。所以,如上面代碼所示,在#container外邊包一層div,div默認寬度是父元素的100%,#container的長度超過了100%之后,會在div中進行橫向滾動;而且,我用的是overflow-x:auto;auto是當出現造成可能滾動的情況時才會出現滾動條,具體設置成auto還是scroll看你的需求。
                            
查看完整回答
反對 回復 2019-05-25
慕課專欄
更多

添加回答

了解更多

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號