jQuery ui accordion with panel包含滚动内容和固定标题
我希望有一个带有固定标题的面板的手风琴，其中包含日期选择器和可滚动内容，而手风琴的填充空间设置为true。所以名为panel-hmmm的手风琴面板不应该滚动，但内部的div应该是可滚动的内容。
<div id="accordion-west">
<h3>
<a href="#">hmmm</a>
</h3>
<div class="panel-hmmm">
<div class="date-picker">
</div>
<div class="scrollable-content">
<b>Accordion inside a layout-pane</b>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum condimentum
neque a velit laoreet dapibus. Etiam eleifend tempus pharetra.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
<p>
.</p>
</div>
</div>
<h3>
<a href="#">chips</a>
</h3>
<div>
<p style="font-weight: bold;">
Sed Non Urna</p>
<p>
Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit,
dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus
libero ac justo.</p>
<p>
Vivamus non quam. In suscipit faucibus urna.</p>
</div>
</div>
<script type="text/javascript">
$(document).ready(function () {
$('.panel-hmmm .date-picker').datepicker();
$("#accordion-west").accordion({
fillSpace: true
});
});
</script>
没有找到相关结果
已邀请:
1 个回复
怪酞撩匹
.panel-hmmm { overflow: scroll; height: 300px; }替换为以影响所有的手风琴面板。 更新：鉴于您希望在面板打开时始终可以看到日期选择器，我会将CSS切换为：.scrollable-content { overflow: scroll; height: 300px; }设置为一个高度。