Jquery ui 强制jQuery UI对话框显示滚动条
我在网站上使用jQueryUI对话框来显示弹出表单。表单往往比模式框长,因此需要垂直滚动 当我用触控板或鼠标滚轮滚动时,垂直滚动条显示在右侧,然后再次淡出。我需要这个滚动条在任何时候都可见 我在谷歌上搜索也没用。你知道怎么做吗 以下是HTML:Jquery ui 强制jQuery UI对话框显示滚动条,jquery-ui,scrollbar,jquery-ui-dialog,Jquery Ui,Scrollbar,Jquery Ui Dialog,我在网站上使用jQueryUI对话框来显示弹出表单。表单往往比模式框长,因此需要垂直滚动 当我用触控板或鼠标滚轮滚动时,垂直滚动条显示在右侧,然后再次淡出。我需要这个滚动条在任何时候都可见 我在谷歌上搜索也没用。你知道怎么做吗 以下是HTML: <p class="open-support-form">Click to request support</p> <div id="support-form" class="dialog" title="Request s
<p class="open-support-form">Click to request support</p>
<div id="support-form" class="dialog" title="Request support">
<p>Support line: 0800 123 4567</p>
<p>Email: helpdeskuk@company.com</p>
<p><a href="#">Screensteps manual</a></p>
<p>More content</p>
</div>
这是我的小提琴:这实际上是一个webkit问题。您可以在此处了解更多信息: 我添加了以下CSS:
.ui-dialog-content::-webkit-scrollbar {
-webkit-appearance: none;
width: 11px;
height: 11px;
}
.ui-dialog-content::-webkit-scrollbar-thumb {
border-radius: 8px;
border: 2px solid white; /* should match background, can't be transparent */
background-color: rgba(0, 0, 0, .5);
}
请参考此URL
.ui-dialog-content::-webkit-scrollbar {
-webkit-appearance: none;
width: 11px;
height: 11px;
}
.ui-dialog-content::-webkit-scrollbar-thumb {
border-radius: 8px;
border: 2px solid white; /* should match background, can't be transparent */
background-color: rgba(0, 0, 0, .5);
}