0

高さを垂直にスライドする div に設定するにはどうすればよいですか? 私はjQueryを使用しましたが、これがそのコードです：

高さを設定すると言うとき、つまり、div のみのスライドは 1000px と言ってスライドを停止しますか? 私が抱えている問題は、小さな小さな画面サイズでは、スライド div を常に表示したいため、一部のページではフッターを押し下げて、ユーザーがフッターを表示できないことです!?

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

ありがとう。

210895

4

1 に答える 1

0

こんにちは、考えられる解決策の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
        });
    });
});

jsフィドル

ページの 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
        });
    });
  });
于 2012-08-10T19:23:23.697 に答える