ZDoc主题抖动的问题

当目录过程,展开的时候超过了一屏的高度时,页面会出现抖动的情况,抖动的原因是因为超过一屏时浏览器右侧会出现滚动条,该滚动条影响了屏幕的宽度,会导致body标签左移,所以呈现页面抖动。

我选择解决这个问题的办法是,让右侧的滚动条一直存在,这样就不存在宽度的变化了。

操作步骤

  1. 准备如下css文件,放置在asserts/css/custom.css下:
1
2
3

body { overflow-y: scroll; }

  1. 配置config/_default/params.toml,增加如下配置

custom_css = ["css/custom.css"]

参考资料

  1. 解决因出现滚动条导致页面抖动
  2. CSS