如何設(shè)置CSS頁面滾動(dòng)
在CSS中,您可以通過設(shè)置頁面的overflow
屬性來啟用頁面滾動(dòng)。overflow
屬性指定了當(dāng)元素的內(nèi)容溢出其塊級(jí)容器時(shí)發(fā)生的事情,要設(shè)置頁面滾動(dòng),您可以將overflow
屬性設(shè)置為auto
或scroll
。
auto
溢出時(shí),瀏覽器會(huì)自動(dòng)顯示滾動(dòng)條,這是***常見的設(shè)置,因?yàn)樗層脩裟軌蜉p松地查看和訪問頁面的所有內(nèi)容。
scroll
是否溢出,瀏覽器都會(huì)顯示滾動(dòng)條,這種設(shè)置對(duì)于需要頻繁查看或編輯頁面的***來說很有用,因?yàn)樗峁┝藢?duì)頁面的完全控制。
您可以將overflow
屬性應(yīng)用于任何塊級(jí)元素,如<div>
、<section>
或<body>
,以控制整個(gè)頁面的滾動(dòng),要將整個(gè)頁面設(shè)置為自動(dòng)滾動(dòng),您可以在<body>
元素上添加以下樣式:
body { overflow: auto; }
或者,如果您想為某個(gè)特定的塊級(jí)元素設(shè)置滾動(dòng),您可以將該屬性應(yīng)用于該元素,要將一個(gè)<div>
設(shè)置為自動(dòng)滾動(dòng),您可以添加以下樣式:
div { overflow: auto; }
overflow
屬性僅適用于塊級(jí)元素,如果您嘗試將其應(yīng)用于非塊級(jí)元素(如<span>
或<a>
),則不會(huì)看到任何效果。