解决方案：使用 jQuery 滚动时保持元素在视图中

Question

我必须在滚动时保持元素在视图中。我已经做到了，它在所有浏览器中都运行良好，但不是明智的解决方案。

   $(function() {
            var offset = $(".sysIcons").offset();
            var topPadding = 15;
            $(window).scroll(function() {
                if ($(window).scrollTop() > offset.top) {
                    $(".sysIcons").stop().animate({
                        marginTop: $(window).scrollTop() - offset.top + topPadding
                    });
                } else {
                    $(".sysIcons").stop().animate({
                        marginTop: 0
                    });
                };
            });
        });

它在 1024 x 768、1280 x 735 下运行良好，

但不是在 1360X768， - 问题是滚动到窗口末尾时，它不会停止。滚动时连续动画。

请帮帮我

Answer 1

滚动时不需要 jQuery 来获取元素，您可以使用 CSSposition属性使其始终显示，包括滚动：

#elementID {
  position:fixed;
  /* more styles */
}

position:fixed 在 IE6 中不起作用，但这些天谁在乎它:)