我在这里有一个代码jsfiddle。滚动200次后我无法使其固定滚动。
$(window).load(function () {
$(window).scroll(function () {
if ($(this).scrollTop() > 200) {
$('navbar').css('position', 'fixed');
$('navbar').slideDown();
} else if ($(this).scrollTop() <= 200) {
$('navbar').removeClass('position', 'relative');
$('navbar').slideUp();
}
});
});
您需要添加.，navbar因为它是aclass并将第一行更改为$(function () {
load当您已经使用onload事件时，无需在代码中执行功能。
另外，如评论中所述：
更改：
$('.navbar').removeClass('position', 'relative');
至：
$('.navbar').css('position', 'relative');
尝试这个：
$(function () {
$(window).scroll(function () {
if ($(this).scrollTop() > 200) {
$('.navbar').css('position', 'fixed');
$('.navbar').slideDown();
} else if ($(this).scrollTop() <= 200) {
$('.navbar').css('position', 'relative');
$('.navbar').slideUp();
}
});
});
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句