Javascript 卷轴

如何在窗口最小化时将滚动条添加到div，在窗口最大化时将其删除我尝试使用此脚本，但它不起作用

   <script type="text/javascript">
          $(document).ready(function () {
               var bodywidth = $(document).width();
               $("#tabMain").width(bodywidth);
           });
    </script>

---

tabsContent div就是我希望它滚动的那一个。如果您希望在浏览器提供的内容之外使用水平和垂直滚动，那么您需要设置要滚动的元素的宽度和高度（在本例中为

。tabsContent

），这可以是px或%为基础。鉴于您已将

.tabsMenu

设置为隐藏溢出，如果您只需添加：

float: left;
overflow: auto;

到

.tabsContent

元素，则仅当

.tabsContent

元素中有其他内容时，才会水平滚动

编辑：我预见到的唯一问题是，垂直滚动条将位于

.tabsmacincont

的最右边缘，这将导致可用性问题，在这种情况下，我强烈建议只在元素上使用overflow-x并使用浏览器垂直滚动，因此更新的css将是：

.tabsMainCont 
{
    margin: 0 auto;
    padding-top: 19px;
    width: 1257px;
    float:left;
    overflow-x: auto;
}

---

问题是什么？如果我把你的代码（即使没有javascript）放进去，它也能工作。你希望卷轴是什么样子的？水平还是垂直？我希望我的卷轴同时是水平和垂直的，而且这个css到目前为止都不会在最小化时显示卷轴。如果你也希望有一个垂直卷轴，那么你需要为它设置一个高度。

。tabsContent

我给它设置了100px的高度，它是相同的。我不希望在这个div中的内容拉伸时显示卷轴我给它的高度就像这里的代码区不我只想在最小化或最大化我的屏幕时显示卷轴，就像主体卷轴一样，这样在低屏幕分辨率下用户可以移动卷轴来查看选项卡内容的其余部分

float: left;
overflow: auto;

.tabsMainCont 
{
    margin: 0 auto;
    padding-top: 19px;
    width: 1257px;
    float:left;
    overflow-x: auto;
}