Javascript 当窗口滚动通过元素时，在标题上锁定一个div

我想要一个圆圈div，当用户滚动过去时锁定标题

我正在使用下面的代码，但它不起作用

var circle$ = $('.circle'),
    oCircleBottom = circle$.offset().top + circle$.outerHeight(true),
    window$ = $(window);

window$.scroll(function() {
    if (window$.scrollTop() > oCircleBottom) {

    }
}.bind(this));

我想在用户滚动通过circle div时执行一个操作；但是，上面的代码似乎不起作用。OCIRCLEBOTOM计算是否正确

将代码放入$（document）.ready函数中

$(document).ready(function () {
    var circle$ = $('.circle'),
    oCircleBottom = circle$.offset().top + circle$.outerHeight(true),
    window$ = $(window);

    window$.scroll(function () {
    if (window$.scrollTop() > oCircleBottom) {
        $('.circle').css({                      
            position: 'fixed',
            top: '0',
            left: '0'
        });
    } 
    else{
               $('.circle').css({                      
                position: 'static'});
    }
  }.bind(this));

});

将代码封装在$（document）.ready函数中

$(document).ready(function () {
    var circle$ = $('.circle'),
    oCircleBottom = circle$.offset().top + circle$.outerHeight(true),
    window$ = $(window);

    window$.scroll(function () {
    if (window$.scrollTop() > oCircleBottom) {
        $('.circle').css({                      
            position: 'fixed',
            top: '0',
            left: '0'
        });
    } 
    else{
               $('.circle').css({                      
                position: 'static'});
    }
  }.bind(this));

});

---

您需要考虑窗口的高度，因为如果页面的高度不足以向下滚动，则代码无法工作。看看

但是，如果增加页面高度，代码将在不减去窗口高度的情况下正常工作。看看

因此，最好减去窗高

---

您需要考虑窗口的高度，因为如果页面的高度不足以向下滚动，则代码无法工作。看看

但是，如果增加页面高度，代码将在不减去窗口高度的情况下正常工作。看看

因此，最好减去窗高

---

我需要如何滚动过去你所说的滚动过去是什么意思？你能解释一下吗？您的问题是，

当用户滚动过去时，我希望在标题中锁定一个圆圈div。

或者更确切地说，当用户滚动过去时，

希望执行什么操作？我是说，
OCIRCLEBOTOM=circle$.offset（）.top+circle$.outerHeight（true），
没有告诉我是否有人滚动过圆除数这是你要找的吗？我需要如何滚动过去你所说的滚动过去是什么意思？你能解释一下吗？您的问题是，
当用户滚动过去时，我希望在标题中锁定一个圆圈div。
或者更确切地说，当用户滚动过去时，
希望执行什么操作？我是说，
OCIRCLEBOTOM=circle$.offset（）.top+circle$.outerHeight（true），
没有告诉我是否有人滚动过圆除数这是你要找的吗？