CSS可以實現(xiàn)頁面的上下左右滾動,非常方便。下面是一些常用的CSS屬性:
/* 設(shè)置頁面滾動條的位置 */ body { overflow: scroll; /* 滾動條出現(xiàn) */ overflow-x: hidden; /* 隱藏水平滾動條 */ overflow-y: hidden; /* 隱藏垂直滾動條 */ } /* 上下滾動 */ .scroll-up-down { overflow-y: scroll; /* 豎直方向出現(xiàn)滾動條 */ } /* 左右滾動 */ .scroll-left-right { white-space: nowrap; /* 不換行 */ overflow-x: scroll; /* 水平方向出現(xiàn)滾動條 */ } /* 上下左右滾動 */ .scroll-all { overflow: scroll; /* 滾動條出現(xiàn) */ }
以上是CSS實現(xiàn)頁面滾動的基礎(chǔ),可以根據(jù)需求進行組合,達到頁面效果的完美展示。
上一篇css一行等寬