我需要HTML / JavaScript方面的帮助。我有一个ID为sideMenu的DIV,它位于主要内容的左侧,在标题(screenshot)的正下方,我需要这个DIV开始关注,当浏览器的顶部边框接触到这个div ...
答案 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%"
});
}
});
希望能让你朝着正确的方向前进。