css 判断是否有滚动条

在CSS中，我们经常需要判断当前页面是否存在滚动条，以便进行样式的调整。下面是两种常见的方法：

/* 方法一：利用body或html元素的高度 */body{
      height: 100%;
      overflow-y: scroll;
}
 html{
      height: 100%;
}
 /* 如果页面内容高度大于视口高度，则会出现垂直滚动条 *//* 方法二：利用伪类 */body::after{
      content: "";
      height: 100vh;
      display: block;
      visibility: hidden;
}
 body{
      height: 100%;
      overflow-y: scroll;
}
     /* 如果页面内容高度大于视口高度，则会出现垂直滚动条 */

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！