删除外部jquery UI对话框滚动并将内部滚动添加到div

时间:2015-05-15 18:51:19

标签: javascript jquery html css jquery-ui-dialog

我想删除外部对话框滚动条,并使对话框内的部分可滚动。我可以通过在对话框上设置{ level1_simple: 'foo', 'level1_object[level2_a]': 'bar', 'level1_object[level2_b]': 'bar2', 'level1_array[0][property1]': 'foobar', 'level1_array[0][property2]': 'foobar2', 'level1_array[1]': 'element2' } 来删除外部对话框滚动条,但我试图将overflow:visible放在我希望在对话框中滚动的div上,但它不起作用。它实际上会切断div,直到对话框超出高度。有什么建议吗?

overflow:hidden

https://jsfiddle.net/3Lqthfqg/14/

在小提琴中,我想冻结顶部并滚动该部分的下半部分。我标记了我要冻结的部分以及我想要滚动的区域。在小提琴示例中溢出是自动的

1 个答案:

答案 0 :(得分:2)

设置固定高度,并为要滚动的div设置overflow-yauto

 <div style="height: 100px; overflow-y: auto">

jsfiddle

overflow样式默认为visible,这意味着内容不会被剪裁,也可能会在内容框外呈现。如果将其设置为auto,浏览器将剪切内容并在需要时添加滚动条。如果您想要滚动条,即使它们不需要,也请将其设置为scroll