如何解决使用jquery将div固定在某个位置？

Question

我正面临着在某些位置固定div的问题，我必须将div固定在右侧的某个位置，中间部分必须是可滚动的，但登录后，当我进入个人资料页面时，第一次div是不固定的，但当我刷新个人资料页面时，它是固定的。

这是我的jQuery代码：

$(document).ready(function() {
    function profileInfo() {
        var element = $('.follow-scroll');
        var originalY = element.offset().top;
        var topMargin = 0;
        element.css('position', 'relative');
        $(window).on('scroll', function (event) {
            var scrollTop = $(window).scrollTop();
            element.stop(false, false).animate(
            {
                top: scrollTop < originalY ? 0 : scrollTop - originalY + topMargin
            }, 0);
        });
    }
})

Html代码：

  <div class="col-xs-12 col-sm-12 col-lg-2 ord-3 npd visible-lg">
            <div class="pfasdfxd follow-scroll">
                <div class="prfsdbg">
                    <div class="prfasdr text-center">
                        <img src="/images/Latte-image.png">
                    </div>
                    <div class="ntfsnt">Don't be basic</div>
                    <p class="prsntxt">
                        Upgrade to premium today!<br>
                        Starting at just $15
                    </p>
                    <div class="text-center">
                        <a href="#" type="button" class="ntfbtn btsm">View plans</a>
                    </div>
                </div>
            </div>
        </div>

Answer 1

如果您需要使用jQuery，我应该这样做以将div固定在某个位置(在本例中，固定在右侧，顶部的Y是您希望从顶部开始的像素数)

function profileInfo() {
    $('.follow-scroll').css({position: 'fixed', right: 0, top: "Ypx"});
}

如果您总是应该将其固定到某个位置，那么我应该在CSS中执行此操作。

.follow-scroll {position:fixed, right:0; top: Ypx;}