$window = $(window);
$window.scroll(function() {
$scroll_position = $window.scrollTop();
if ($scroll_position > 300) { // if body is scrolled down by 300 pixels
$('.your-header').addClass('sticky');
// to get rid of jerk
header_height = $('.your-header').innerHeight();
$('body').css('padding-top' , header_height);
} else {
$('body').css('padding-top' , '0');
$('.your-header').removeClass('sticky');
}
});
如果你想让它在向下滚动到某个点时保持粘性,那么你可以使用这个函数:
和粘性类:
您可以使用这个插件,它有一些有用的选项
jQuery 粘性标题
在 CSS 中添加
到你的标题元素。真的就是这么简单。 下次,尝试右键单击您在网站上看到的内容并选择“检查元素”。我认为现在每个现代浏览器都有它。非常有用的功能。