CSS設(shè)置右側(cè)加載非常簡單,只需要寫一個類,然后在HTML中調(diào)用即可。
.right-load { position: absolute; top: 0; right: -100px; /* 負值,隱藏 */ width: 100px; height: 100%; background-color: #fff; z-index: 999; transition: right 0.3s ease-in-out; /* 加上過渡效果 */ } .right-load.show { right: 0; /* 顯示 */ }
代碼中使用了絕對定位的方法,將元素放在頁面最右側(cè),使用負值將其隱藏在頁面外。添加一個類名show,就可以讓元素出現(xiàn)在頁面上。
此外,還使用了過渡效果transition,讓頁面上的元素動起來,這樣用戶會更加愉悅地體驗到頁面。
下一篇oracle asm慢