我目前正在设计一个新的网站,并具有100%响应的布局,宽度和高度。滚动粘滞标题
我有一个标题,位于屏幕底部0px。一旦滚动过去,我希望标题获得一类“粘性”,然后以固定格式放置在页面顶部的标题。
目前我只能找到当您点击页面上的某个像素的导航位于顶部的jQuery代码。不过,我有一个基于百分比的网站,因此在每个计算机屏幕上,标题所在的像素将会不同。
有没有人有我使用正确的代码坐下我的标题在屏幕的顶部一旦向下滚动。
我已添加图片进行说明。 谢谢。
我当前的jQuery代码是:
$(window).scroll(function() {
if ($(window).scrollTop() > $(window).height()) {
$('header').removeClass('sticky');
} else {
$('header').addClass('sticky');
}
});
你的CSS代码在哪里? – Luke