Jquery多个Slidetoggle导致页面抖动

Question

嘿，我已经制作了一个网页，其中有5个div叠在一起。有一个隐藏的div，当点击div时我会看到它。问题是当出现溢出时，浏览器窗口中会出现一个滚动条，整个内容会闪烁并向左移动。当溢出无效时，内容再次移回其原始位置。

这是原始页面 http://saurabhshuklacreations.com/test/folio/

我是Jquery的学习者和新手。 http://saurabhshuklacreations.com/test/folio/fade.js

hxxp：//saurabhshuklacreations.com/test/folio/style.css

Answer 1

如果将body标签的溢出设置为滚动，它将始终显示滚动条。这样，当你超越折叠时滚动条就不会出现，它已经存在......

body{
   overflow-y: scroll;
}

Answer 2

当页面高度增加且浏览器显示垂直滚动条时，会出现此问题。 解决此问题的最佳方法是在页面加载时使您的某个技能div扩展以使浏览器滚动条可见