鍍金池/ 問答/HTML5  HTML/ 超出范圍只出現(xiàn)縱向滾動(dòng)條不出現(xiàn)橫向滾動(dòng)條的實(shí)現(xiàn)方式?

超出范圍只出現(xiàn)縱向滾動(dòng)條不出現(xiàn)橫向滾動(dòng)條的實(shí)現(xiàn)方式?

一個(gè)頁(yè)面,橫向和縱向都有可能超出范圍,我想只出現(xiàn)縱向滾動(dòng)條,橫向超出顯示,但是我設(shè)置了overflow-y:auto之后,橫向依然會(huì)出現(xiàn)滾動(dòng)條,然后我又設(shè)置了overflow-x:visible;overflow-y:auto,還是不行,依然會(huì)出現(xiàn)橫向滾動(dòng)條

然后我查資料看到了貌似是css的一個(gè)規(guī)范,當(dāng)其中一個(gè)設(shè)置為visible時(shí)如果另一個(gè)不是visible,會(huì)被自動(dòng)重置為auto,我想問下大家有沒有解決的方式?

回答
編輯回答
空痕

div加最小寬度,不要定死寬度

2017年4月27日 08:07
編輯回答
夢(mèng)一場(chǎng)

overflow-x:hidden;
overflow-y:auto;
在需要滾動(dòng)的范圍內(nèi)設(shè)置一定的高度

2017年7月16日 00:41
編輯回答
生性

overflow-y: scroll;
overflow-x:hidden;

2018年4月21日 14:08
編輯回答
好難瘦

你又想超出顯示, 又想沒有橫向滾動(dòng)條,是不可能的。如果你不想出現(xiàn)橫向滾動(dòng)條:overflow-x:hidden;
如果你想橫向超出顯示, 就不能寫這行代碼, 不知道你是否允許左右滑動(dòng), 因?yàn)槟阋呀?jīng)說可能會(huì)有橫向內(nèi)容超出的情況了, 所以如果允許左右滑動(dòng), 你可以把滾動(dòng)條的顏色,設(shè)置為透明色, 就不顯示了

2017年3月18日 15:54
編輯回答
笑浮塵

你自己也說了 “然后我查資料看到了貌似是css的一個(gè)規(guī)范,當(dāng)其中一個(gè)設(shè)置為visible時(shí)如果另一個(gè)不是visible,會(huì)被自動(dòng)重置為auto,我想問下大家有沒有解決的方式?”。。。。

然后你想找解決方法。。。。可是你先想下如果真達(dá)到你說的那樣,那會(huì)是個(gè)什么樣子?右邊豎向滾動(dòng)條浮在內(nèi)容的上面。。。這樣真的好嗎?

如果你真覺得好,那當(dāng)然也可以做到的。。。overflow-y: hidden; overflow-x: visiable; 然后用 js 實(shí)現(xiàn)滾動(dòng)條。。。。

如果你想要滾動(dòng)條隨著寬度增加會(huì)右移,而不是浮在內(nèi)容的上面,那就不是啥 overflow 的事情了。。。而是 max-width 的事了。。。

2018年6月30日 13:57
編輯回答
壞脾滊

橫向不出現(xiàn),縱向出現(xiàn)

overflow-x:hidden;
overflow-y:auto;
2018年9月10日 18:39
編輯回答
臭榴蓮

給對(duì)應(yīng)的div設(shè)置 滾動(dòng)條寬高,這個(gè)是對(duì)google瀏覽器的
類名、id::-webkit-scrollbar {

width:8px;
height:0px;

}
當(dāng)寬度為0,豎向滾動(dòng)條就沒了
當(dāng)高度為0,橫向滾動(dòng)條就沒了

2018年2月17日 15:36
編輯回答
薄荷糖

隱藏橫向的滾動(dòng)條不應(yīng)該是用overflow-x:hidden嗎?

2018年4月16日 02:47