当我向下滚动网站显示黑色菜单栏在顶部看起来像浮动吧。
但我认为这是jquery。我已经尝试了CSS，但似乎不像我想要的那样为我工作
但我认为这是jquery。我已经尝试了CSS，但似乎不像我想要的那样为我工作
#menucontainer {
position:fixed;
top:0;
height: 250px
}
#firstElement {
margin-top: 250px
}
这是网站的基本想法，我希望菜单如下所示：
解决方法
将您的菜单包装在带有ID或类的div或部分。
#yourID.fixed {
position: fixed;
top: 0;
left: 0;
z-index: 1;
width: 100%;
border-bottom: 5px solid #ffffff;
}
//STICKY NAV
$(document).ready(function () {
var top = $('#yourID').offset().top - parseFloat($('#yourID').css('marginTop').replace(/auto/,100));
$(window).scroll(function (event) {
// what the y position of the scroll is
var y = $(this).scrollTop();
// whether that's below the form
if (y >= top) {
// if so,ad the fixed class
$('#yourID').addClass('fixed');
} else {
// otherwise remove it
$('#yourID').removeClass('fixed');
}
});
});
不记得我从哪里得到了，所以没有对我的赞美，但它对我有用。
