打开影响DOM中div的开发人员工具

我觉得自己是个发疯的人问这个问题，但我的页面上有一个表单，当你滚动时，它会“跟随”你。除了一个疯狂的bug外，代码运行得非常漂亮；当我打开chrome的开发者工具，并且我的表单添加了.fixed类时，表单就会从页面上消失。我不知道为什么会发生这种情况，也不知道如何修复它，因为我认为打开开发人员工具根本不会影响DOM。知道为什么会发生这种情况，或者如何解决它吗？以下是JS/css代码片段：

if (!msie6) {
  var top = $('.form-frame').offset().top - parseFloat($('.form-frame').css('margin-top').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, add the fixed class
      $('.form-frame').addClass('fixed');
    } else {
      // otherwise remove it
      $('.form-frame').removeClass('fixed');
    }
  });
}  

sass如下所示：

.form-container
  position: absolute
  right: 20px
  top: 20px

.form-frame
   text-align: center
   width: 250px

.form-frame.fixed 
  position: fixed
  top: 20px

---

根据我的经验，打开Chrome开发工具可能会影响屏幕底部“固定”的东西。尝试将开发工具弹出到一个单独的窗口中，看看它是否仍然是一个问题