javascript - Bootstrap 粘性(固定)警报防止向下滚动

Question

我正在为 Bootstrap 开发一个简单的粘性插件插件。基本上，它是这样工作的:

    if ( $(this).scrollTop() < ScrollPastOffset ) {
        console.log("max it");
        $(fixedAlertWrappers).removeClass('scroll');
    } else {
        console.log('min it');
        $(fixedAlertWrappers).addClass('scroll');
    }

但是，当您尝试滚动超过警报时，它会导致故障，并且不会让您向下滚动超过您在 ScrollPastOffset 中设置的值。此处演示:https://jsfiddle.net/09kh5rp9/

Answer 1

您的变量 ScrollPastOffset 需要在内容高度增加时更改

var topDist = $("a.btn").position();
if (scroll > topDist.top){
    console.log("max it");
    $(fixedAlertWrappers).removeClass('scroll');
}
else {
    console.log('min it');
    $(fixedAlertWrappers).addClass('scroll');
}

在您的情况下，您只需要编辑此变量，其余代码相同

var ScrollPastOffset = $("a.btn").position().top; 

这是一个有效的 pen