Javascript 如何使此div可滚动?

Javascript 如何使此div可滚动?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,因此,在我的公文包中,如果你点击一个公文包块,#headerwrap会扩展到窗口高度。然后将一组“showcase”加载到#作业显示中。我想禁用主页的滚动,让showcase可以滚动,这样信息就不会被切断(正如您现在看到的那样)。这就是我用来在单击时展开#标题包装的内容 var viewport = $(window).height(); $('#header-wrap').animate({height: viewport}, 700, function(){ $('#

因此,在我的公文包中,如果你点击一个公文包块,#headerwrap会扩展到窗口高度。然后将一组“showcase”加载到#作业显示中。我想禁用主页的滚动,让showcase可以滚动,这样信息就不会被切断(正如您现在看到的那样)。这就是我用来在单击时展开#标题包装的内容

var viewport = $(window).height();
    $('#header-wrap').animate({height: viewport}, 700, function(){
        $('#job-display').load("content.html#" + job, function(){
            $('#job-display').fadeIn(700);
            jcheck = 1;
        });
    });

此外,当在站点上单击公文包时,页面会跳到页面顶部,然后展开标题包装。如何阻止它跳跃?

要使div可滚动,需要指定作业显示的高度。比如说

$('#job-display').height(500);

要删除页面滚动,必须为html标记指定overflow-y:scroll。您需要将其设置为overflow-y:hidden

a[href=“#”]
元素导致跳转到顶部。。。尝试用div替换它们。**并且当可滚动div关闭时,不要忘记将scroll-y带回来;)