第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

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

隱藏HTML頁面上的滾動條

隱藏HTML頁面上的滾動條

四季花海 2019-06-14 16:10:38
隱藏HTML頁面上的滾動條CSS可以用來隱藏滾動條嗎?你會怎么做?
查看完整描述

3 回答

?
德瑪西亞99

TA貢獻1770條經(jīng)驗 獲得超3個贊

overflow: hidden;尸體標簽上這樣的:

<style type="text/css">body {
    overflow:hidden;}</style>

上面的代碼同時隱藏了水平滾動條和垂直滾動條。

如果你想藏起來只有垂直滾動條,使用overflow-y:

<style type="text/css">body {
    overflow-y:hidden;}</style>

如果你想藏起來只有水平滾動條,使用overflow-x:

<style type="text/css">body {
    overflow-x:hidden;}</style>

更新:我的意思是隱藏,抱歉,剛剛醒來:-)


注意:它還將禁用滾動功能。如果您只想隱藏滾動條,但不想滾動功能,請參閱下面的答案。


查看完整回答
反對 回復 2019-06-14
?
明月笑刀無情

TA貢獻1828條經(jīng)驗 獲得超4個贊

WebKit支持用標準CSS規(guī)則隱藏的滾動條偽元素:

#element::-webkit-scrollbar { 
    display: none; }

如果希望隱藏所有滾動條,請使用

::-webkit-scrollbar { 
    display: none; }

我不確定是否恢復-這確實奏效了,但也許有一個正確的方法:

::-webkit-scrollbar { 
    display: block; }

你當然可以用width: 0,可以很容易地用width: auto,但我不喜歡濫用width為了能見度的調(diào)整。

更新:Firefox 64現(xiàn)在支持實驗性的滾動條寬度屬性默認情況下(63需要設(shè)置配置標志)。若要在FF 64中隱藏滾動條,請執(zhí)行以下操作:

#element {
    scrollbar-width: none;}

查看當前瀏覽器是否支持偽元素或scrollbar-width,試試這個片段:

.content {

  /* These rules create an artificially confined space, so we get 

     a scrollbar that we can hide. They are not directly involved in 

     hiding the scrollbar. */


  border: 1px dashed gray;

  padding: .5em;

  

  white-space: pre-wrap;

  height: 5em;

  overflow-y: scroll;

}


.content {

  /* This is the magic bit for Firefox */

  scrollbar-width: none;

}


.content::-webkit-scrollbar { 

  /* This is the magic bit for WebKit */

  display: none;

}

<div class='content'>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris eu

urna et leo aliquet malesuada ut ac dolor. Fusce non arcu vel ligula

fermentum sodales a quis sapien. Sed imperdiet justo sit amet venenatis

egestas. Integer vitae tempor enim. In dapibus nisl sit amet purus congue

tincidunt. Morbi tincidunt ut eros in rutrum. Sed quam erat, faucibus

vel tempor et, elementum at tortor. Praesent ac libero at arcu eleifend

mollis ut eget sapien. Duis placerat suscipit eros, eu tempor tellus

facilisis a. Vivamus vulputate enim felis, a euismod diam elementum

non. Duis efficitur ac elit non placerat. Integer porta viverra nunc,

sed semper ipsum. Nam laoreet libero lacus.


Sed sit amet tincidunt felis. Sed imperdiet, nunc ut porta elementum,

eros mi egestas nibh, facilisis rutrum sapien dolor quis justo. Quisque

nec magna erat. Phasellus vehicula porttitor nulla et dictum. Sed

tincidunt scelerisque finibus. Maecenas consequat massa aliquam pretium

volutpat. Duis elementum magna vel velit elementum, ut scelerisque

odio faucibus.

</div>

(請注意,對于這個問題,這并不是一個正確的答案,因為它也隱藏了水平欄,但這正是我在Google這里指向我時所要尋找的,所以我想我還是會把它發(fā)出去的。)


查看完整回答
反對 回復 2019-06-14
  • 3 回答
  • 0 關(guān)注
  • 5933 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號