久久久久av_欧美日韩一区二区在线_国产精品三区四区_日韩中字在线

Discuz! 官方交流社區

標題: 純css滾動進度條，橫向進度條隨著頁面滾動而變化 [打印本頁]
作者: gzwnzss    時間: 2021-2-7 21:15
標題: 純css滾動進度條，橫向進度條隨著頁面滾動而變化
效果如下：
(, 下載次數: 40)
鼠標往下移動就會變化
  1.     <style>
  2.         body {
  3.             background-image: linear-gradient(to top right, #32a6ff 50%, #fff 50%);
  4.             background-size: 100% calc(100% - 100vh + 5px);
  5.             background-repeat: no-repeat;
  6.         }

  8.             body::after {
  9.                 content: '';
  10.                 position: fixed;
  11.                 top: 3px;
  12.                 bottom: 0;
  13.                 left: 0;
  14.                 right: 0;
  15.                 background: #fff;
  16.                 z-index: -1;
  17.             }
  18.     </style>
復制代碼






歡迎光臨 Discuz! 官方交流社區 (http://www.9999xn.com/) Powered by Discuz! W1.0