我想对一个带有“固定”左侧导航的粘性标题的页面进行原型设计。
http://jsfiddle.net/rkr2/R7BH7/1/
HTML:
<div class="nav-container">
<div class="nav">
<div id="bad"> </div>
</div>
</div>
<div id = "container">
<div id = "left"> </div>
<div id = "right"> </div>
</div>
用于粘性标题的 JS:
var nav = $('.nav-container');
$(window).scroll(function () {
if ($(this).scrollTop() > 200) {
if (!nav.hasClass('f-nav')) {
nav.addClass("f-nav");
nav.hide();
nav.slideDown("slow");
$('#bad').css('background-color', 'red');
}
} else {
nav.removeClass("f-nav");
// nav.slideUp("slow");
$('#bad').css('background-color', 'yellow');
}
});
现在,我希望“左” div 在滚动后保持在粘性标题下方(并保持在那里)。我怎样才能做到这一点?