使用内部滚动将外部 HTML 加载到 DIV [关闭]答案

【问题标题】：Load External HTML into DIV with internal scroll [closed]使用内部滚动将外部 HTML 加载到 DIV [关闭]
【发布时间】：2014-06-18 13:31:08
【问题描述】：

如何将 html 文件加载到隐藏的 div 中，使其具有垂直滚动条，然后淡入该 div？

【问题讨论】：

我刚刚制作了 div，我相信我需要使用 .load 函数，但不知道如何使其可滚动
要使 div 可滚动，您必须在 div 上设置 style='overflow:scroll;'

标签： javascript jquery css html

【解决方案1】：

试试这个！

$(document).ready(function() {    
    $('#nav li a').click(function(){  
        var toLoad = $(this).attr('href');  
        $('#main').hide('fast',loadContent);   
        function loadContent() {  
            $('#main').load(toLoad).show();  
        }  
        return false; 
    });  
})

【讨论】：

【解决方案2】：

试试这样的。它使用 jQuery

<script type="text/javascript">
$(document).ready(function(e) {
    e.preventDefault();
    $("#myID").click(function(){
        $("#mydiv").fadeToggle(""); /* For both Fade in and Out */
        $("#mydiv").fadeIn(""); /* For both Fade in only */
    });
});
</script>
<a href="#" id="myID">Fade In</a>
<div style="display:none; overflow-y: auto; height: 120px; width:300px;" id="mydiv">
/* Your HTML goes here */
</div>

您可以在jQuery Site获取更多信息

【讨论】：

【解决方案3】：

http://api.jquery.com/load/

http://api.jquery.com/fadein/

Is there a way to set vertical scrollbar for a div?

【讨论】：

赞成，因为您和 Semthan 不值得反对。