从某一点滚动DIV容器

时间:2014-06-01 08:59:03

标签: javascript html scroll

我需要HTML / JavaScript方面的帮助。我有一个ID为sideMenu的DIV,它位于主要内容的左侧,在标题(screenshot)的正下方,我需要这个DIV开始关注,当浏览器的顶部边框接触到这个div ...

1 个答案:

答案 0 :(得分:0)

这是一个模拟的例子Fiddle:http://jsfiddle.net/mifi79/6bK6Q/

基本上,你需要做这样的事情:

$(document).on("scroll", function (e) {
    var $body = $("body"),
        $header = $("header"),
        $nav = $("nav"),
        $content = $(".content");
    if ($(document).scrollTop() >= $header.height()) {
        $nav.css({
            "position": "fixed",
            "top": 0
        });
        $content.css({
            "margin-left": "27%"
        });
    } else {
        $nav.css({
            "position": "static"
        });
        $content.css({
            "margin-left": "2%"
        });
    }
});

希望能让你朝着正确的方向前进。