设置滑动div的高度

Question

如何将高度设置为垂直滑动的 div？我用过 jQuery，下面是它的代码：

当我说设置高度时，我的意思是让 div 只滑动 1000 像素，它会停止滑动？我遇到的问题是，在较小的屏幕尺寸中，滑动 div 总是希望显示，因此在某些页面上它会将页脚向下推，因此用户永远看不到页脚！？

http://dev.assessmentday.co.uk/psychometric-test.htm

谢谢。

210895

Answer 1

您好，一种可能的解决方案是添加自动滚动条：

CSS：

#sidebar {
    overflow-y: auto;
}

JS：

$(document).ready(function() {
    var topPadding = 15;
    var sidebar = $("#sidebar");
    sidebar.css('max-height', $(window).height() - 2*topPadding); // initialize max-height
    $(window).resize(function() {
        sidebar.css('max-height', $(window).height() - 2*topPadding);
    });
    $(window).scroll(function() {
        sidebar.stop().animate({
            marginTop: $(window).scrollTop() + topPadding
        });
    });
});

jsFiddle

您的页面的Javascript：

$(document).ready(function() {
    $(window).scroll(function() {
        var topPadding = 15;
        var crfoffset = $("div.contentRightFull").offset().top;
        var winoffset = $(window).scrollTop();
        var stioffset = $("#stickymojo").height() - $('#sidebar').height();
        var mtop = Math.max(0, winoffset-crfoffset);
        if (mtop>stioffset) { mtop = stioffset; }
        $("#sidebar").stop().animate({
            marginTop: mtop + topPadding
        });
    });
  });