zoukankan      html  css  js  c++  java
  • css页面出现滚动条左右跳动

    问题描述:页面首次加载的时候内容是一屏,不会出现纵向滚动条,但是当点击加载的内容更多时页面会出现左右跳动一下的情况。出现跳动的主要原因就是出现了滚动条,滚动条的宽度影响了内容区域的宽度。

    1.查看导航条的宽度可以在控制台运行:window.innerWidth - document.body.clientWidth

    window.innerWidth 浏览器可用宽度

    document.body.clientWidth body的宽度

    Chrome浏览器,Firefox,IE的导航条宽度都是17px.

    所以可以给内容区设置一个padding站位,padding-right:17px;这样页面就不会来回跳动了。

    2.直接给body设置body { overflow-y: scroll; } 

  • 相关阅读:
    开课博客
    今天干了啥
    今天干了啥
    今天干了啥
    今天干了啥
    今天干了啥
    四则运算
    冲刺二(2)
    用户体验评价
    冲刺二(1)
  • 原文地址:https://www.cnblogs.com/qing619/p/8026574.html
Copyright © 2011-2022 走看看