隐藏边栏出现并按下主体内容时出现水平滚动条

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;
  }