jQuery |滚动窗口时保持顶部div元素可见

Question

我有一个类为.b-widget的div元素，它位于页面顶部。 当我scroll down时，div消失，而当我scroll up时，div再次出现。 我希望它在我scroll down时坚持其位置，而在我scroll up时恢复。

我在script下面写道，但这都不起作用：

<script>
//keep element in view
(function($)
{
    $(document).ready( function()
    {
        var elementPosTop = $('.b-widget').position().top;
        $(window).scroll(function()
        {
            var wintop = $(window).scrollTop(), docheight = $(document).height(), winheight = $(window).height();
            //if top of element is in view
            if (wintop > elementPosTop)
            {
                //always in view
                $('.b-widget').css({ "position":"fixed", "top":"50px" });
            }
            else
            {
                //reset back to normal viewing
                $('.b-widget').css({ "position":"inherit" });
            }
        });
    });
})(jQuery);
</script>

Answer 1

像这样使用CSS：

.b-widget{
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
}