Question

我的问题是，尽管内容区域有CSS溢出：auto，但JScrollPane始终显示。即使有一个项目，也会始终显示垂直滚动条。

现在，我在手风琴里面有JScrollPane。手风琴内容由.Net动态生成。我在任何更新后重新绑定JscrollPane并将设置设置为

这是渲染的html。

 <div class="accordion-content jspScrollable" style="overflow: hidden; padding: 0px; width: 182px; display: block;" tabindex="0">
  <div class="jspContainer" style="width: 182px; height: 62px;">
    <div class="jspPane" style="padding: 4px 0px 5px 2px; width: 168px; top: 0px;">
      <div class="cb-row">
        <input type="checkbox" value="Cosco" name="retailer" id="Cosco-0">
        <label style="padding:0 0 0 4px; vertical-align:middle" for="Cosco-0">Item A:</label>
        <span class="cb-result">2</span></div>
      <div class="cb-row">
        <input type="checkbox" value="Kroger" name="retailer" id="Kroger-1">
        <label style="padding:0 0 0 4px; vertical-align:middle" for="Kroger-1">Item B:</label>
        <span class="cb-result">2</span></div>
      <div class="cb-row">
        <input type="checkbox" value="Pet Specialty" name="retailer" id="Pet Specialty-2">
        <label style="padding:0 0 0 4px; vertical-align:middle" for="Pet Specialty-2">Item C:</label>
        <span class="cb-result">1</span></div>
    </div>
    <div class="jspVerticalBar">
      <div class="jspCap jspCapTop"></div>
      <div class="jspTrack" style="height: 62px;">
        <div class="jspDrag" style="height: 55px; top: 0px;">
          <div class="jspDragTop"></div>
          <div class="jspDragBottom"></div>
        </div>
      </div>
      <div class="jspCap jspCapBottom"></div>
    </div>
  </div>
</div>

所以，我不知道是什么导致了style =“overflow：hidden ... in accordion-content。它让我觉得它应该是自动的，这样滚动条会在需要时显示。但是，我不是添加这种内联样式。是否添加了这个？

当我在Firebug中查看CSS时，它显示我的溢出：auto被划掉。

另一个想法是内容区域底部的边距导致JSP中的某些内容触发。

我已经读过JSP想要定义一个高度，但由于内容是动态的，我不能总是设置高度。

Answer 1

显然，内容区域需要高度。我必须使用JQ动态计算高度，然后将其应用于每个内容区域。

JscrollPane始终可见/显示内部手风琴内容

1 个答案: