CSS中的overflow屬性控制了元素的滾動條,但在Safari瀏覽器中,默認情況下是不顯示滾動軸的。
div { overflow: auto; -webkit-overflow-scrolling: touch; }
要使Safari瀏覽器顯示滾動軸,我們需要在CSS中添加“-webkit-overflow-scrolling:touch”,這將啟用Safari的滾動軸并允許更平滑的滾動。
除此之外,我們還可以使用“::-webkit-scrollbar”偽元素來自定義Safari的滾動條樣式。
/* 自定義垂直滾動條樣式 */ ::-webkit-scrollbar { width: 10px; } ::-webkit-scrollbar-track { background-color: #f5f5f5; } ::-webkit-scrollbar-thumb { background-color: #aaa; }
這些CSS樣式將修改Safari瀏覽器的滾動條外觀,更符合您網(wǎng)站的設(shè)計需求。