Javascript 延迟一段时间后显示overflow-x滚动条

Javascript 延迟一段时间后显示overflow-x滚动条,javascript,html,css,modal-dialog,Javascript,Html,Css,Modal Dialog,我在模态对话框中使用overflow-x,但我希望在模态对话框加载后显示滚动条。这里我只是写一个代码片段来更好地理解。有什么办法吗 HTML文件 <div class="md-modal"> <div class="md-content"> Modal Dialog Content </div> </div> CSS File .md-modal { overflow-x: scroll; } 大概是这样的: <script> s

我在模态对话框中使用overflow-x,但我希望在模态对话框加载后显示滚动条。这里我只是写一个代码片段来更好地理解。有什么办法吗

HTML文件

<div class="md-modal">
<div class="md-content">
Modal Dialog Content
</div>
</div>

CSS File

.md-modal
{
overflow-x: scroll;
}
大概是这样的:

<script>
setTimeout(function() {
    $('.md-modal').css('overflow-x', 'scroll');
}, 5000); // 5 seconds
</script>
确保包含jQuery

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

延迟一段时间后,使用jQuery添加overflow-x css属性。@crunch:我知道使用js是可能的,但如何…我对web设计人员不熟悉我的答案。我没有机会测试它,但希望它能给你一个从哪里开始的想法。@crunch:谢谢你的帮助,它不起作用了。如果你想展示我使用的代码,你可以在这个链接上看到:tympanus.net/codrops/2013/06/25/nifty modal window effects/。我正在使用3D狭缝效果