javascript - 使隐藏侧边栏出现时出现水平滚动条并推送主体内容

Question

我在 http://www.domainandseo.com/project1/index.html 有一个网页.

单击页面左侧的“搜索”图标时，会出现边栏菜单，将页面的其余内容推到右侧。这样做会导致几乎一半的页面消失，并且不会出现水平滚动条。

我希望在侧边栏出现时出现水平滚动条，以便访问者可以滚动并查看页面的其余部分。

有什么解决办法吗？

CSS 可以在以下位置找到: http://www.domainandseo.com/project1/css/style.css

我的 jquery 脚本可以在以下位置找到: http://www.domainandseo.com/project1/js/jquery.sidr.min.js

Answer 1

添加一个包含整个页面的 div(例如包装器)...以及您的 <div class="wrapper"> 的 css 属性将是

 .wrapper{
  overflow:auto;
  }

只有水平滚动条

 .wrapper{
  overflow:auto;
  overflow-y: hidden;
  }