jquery - 滚动到元素时修复元素的位置

Question

我正在尝试破解滚动甲板示例，以便当用户滚动到幻灯片#what5 时，此幻灯片的位置变为固定并粘在顶部（顶部：0px），直到用户向下滚动到另一个特定的 y 距离。即暂停滚动。

你可以在这里看到我在做什么，当它到达 #what5 但它的位置变得固定但顶部保持在 3984 像素而不是 0 像素。

http://machinas.com/wip/hugoboss/scrolldeck/decks/responsive/

$(window).on('scroll', function() {
                var st = $(this).scrollTop();

                if ((st >= 3984) && (st <= 5040 ) ){
                        $('#what5').css({'position':'fixed'})
                        $('#what5').css({ ' top ': 0 +"px!important"})
                } else {

                    $('#what5').css({'position':'absolute', ' top ': 3984})
                }

            });

有任何想法吗？谢谢！

Answer 1

你的语法不好。试试这个：

           if ((st >= 3984) && (st <= 5040 ) ){
                    $('#what5').css({position:'fixed', top : 0});
            } else {

                $('#what5').css({position:'absolute', top : 3984})
            }