javascript - 如何在使用滚动上下移动元素时将元素停在页脚行

Question

我添加了一个随着滚动上下移动的元素，但问题是它与页脚一起折叠。下面是我正在使用的示例代码

$(document).ready(function () {
  var top = $('#comment').offset().top - parseFloat($('#comment').css('marginTop').replace(/auto/, 0));
  $(window).scroll(function (event) {
    // what the y position of the scroll is
    var y = $(this).scrollTop();

    // whether that's below the form
    if (y >= top) {
      // if so, ad the fixed class
      $('#comment').addClass('fixed');
    } else {
      // otherwise remove it
      $('#comment').removeClass('fixed');
    }
  });
});

示例 HTML 代码

<div id="commentWrapper">
  <div id="comment">
    <form>
      <!-- take their response -->
    </form>
  </div>
</div>

Answer 1

我通过给 bottom:somevalue 解决了它，现在它工作正常