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

為了賬號安全,請及時綁定郵箱和手機立即綁定

頁面出現滾動條問題

添加標題菜單欄之前就有滾動條出現, 代碼與老師的一致, 使用的chrome, 只是用的書不一樣, 請問什么原因導致的呢, 怎么去掉滾動條?

正在回答

4 回答

出現滾動條的原因很簡單, 開始過渡動畫的瞬間, title和menu都是從頁面外界(上外界Y-100%,下外界Y100%)向中間靠, 頁面容器就被撐高了,導致實際內容超過一個頁面的100%height了, 自然出現了滾動條.

避免出現滾動條的修改方式有很多種,

比如: 可以在reset.css, 里的html,body里 加一個:? ?overflow: hidden;?

2 回復 有任何疑惑可以回復我~
#1

慕村0585682

點贊 講的很清楚
2019-09-16 回復 有任何疑惑可以回復我~
#2

weixin_精慕門9520530

按你說的應該是出現上下滾動條,實際操作過程中出現的是左右滾動條。
2020-10-16 回復 有任何疑惑可以回復我~
#3

weixin_精慕門9520530

你說的還有一個漏洞,就是上下菜單都是絕對定位,絕對定位的元素是脫離文檔流的,不會導致超出問題。
2020-10-16 回復 有任何疑惑可以回復我~

視頻里也出現滾動條了,如果不加 slide-up 的 transition 就不會出現滾動條,所以問題是 slide-up 這個滾動條應該怎么改?

0 回復 有任何疑惑可以回復我~

可以在reset.scss中去掉html的滾動條

代碼如下:

html::-webkit-scrollbar{

????width: 0;???

}


1 回復 有任何疑惑可以回復我~

電子書生成rendtion的時候有沒有先設定好屏幕的寬高比例https://img1.sycdn.imooc.com//5caef06200017d4305520228.jpg

0 回復 有任何疑惑可以回復我~
#1

me15ooo 提問者

app中默認樣式沒有去掉, 去掉后, 在不打開控制臺的條件下,沒有滾動條, 但是當點擊內容區出現標題欄和菜單欄時, 會閃現一下滾動條, 好奇怪
2019-04-11 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

頁面出現滾動條問題

我要回答 關注問題
微信客服

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

幫助反饋 APP下載

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

公眾號

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