滚动到元素时固定元素的位置

Question

我正试图入侵滚动套牌示例，以便当用户滚动滑动＃what5时，此幻灯片的位置将固定并粘到顶部（顶部：0px），直到用户向下滚动到另一个特定的y距离。即暂停滚动。

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

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})
            }