天天看點

php滾動條設定,html滾動條樣式設定的總結

我們之前的有介紹過關于css滾動條,div滾動條的設定,我們都知道滾動條的樣式我們可以通過css來控制的,那html滾動條呢?今天就給大家介紹html滾動條樣式設定的總結!

html中滾動條樣式;

php滾動條設定,html滾動條樣式設定的總結

一、滾動條的軌迹,記作:scrollbar-track。所謂“軌迹”,指滾動條的滑動塊運作時所必經的路線。 二、滾動條的滑動塊,即在它上面按下滑鼠左鍵不放可上下或左右移動的滑動塊以及滾動條兩頭的小方塊,記作:scrollbar-face。face即滾動條的“臉”,注意它有三張“臉”:滑動條和兩頭的小方塊。

1.overflow内容溢出時的設定(設定被設定對象是否顯示滾動條)

overflow-x水準方向内容溢出時的設定

overflow-y垂直方向内容溢出時的設定

以上三個屬性設定的值為visible(預設值)、scroll、hidden、auto。

  • 我用了這,超出了這高度的話就會出現縱向的滾動條,這縱向滾動條不好看,有沒有辦法去掉這縱向的滾動條,但超過了150高度的内容通過滾動滑鼠滾輪還是能實作滾動?或者有沒有辦法通過上面和下面的按鈕來實作滾動?
php滾動條設定,html滾動條樣式設定的總結

這段代碼和上一段唯一的不同就是在css定義的元素上,一個是body一個是html。我們再測試一下,把html頁面的“body”修改成“html”測試一下,發現依然可以實作效果。那到底是為什麼呢?

php滾動條設定,html滾動條樣式設定的總結

本文所述是小編給大家介紹的html 隐藏滾動條和去除滾動條的代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回複大家的。

html滾動條相關問答:

【相關文章推薦】: