如果滚动，更改 div 的固定位置

Question

我试图在 vuejs 上滚动后修复一个 div； 我的代码是这样的：

...
async created() {
    window.addEventListener('scroll', this.calendarScroll);
}
methods: {
    calendarScroll() {
    console.log('Scroll');
    const dateHeader = document.querySelector('.dates-header');
    if (dateHeader) {
      if (window.scrollTop() >= 200) {
        dateHeader.style.top = 0;
        dateHeader.style.position = 'fixed';
      }
    }
  },
}

错误是： Calendar.vue?404a:681 Uncaught TypeError: window.scrollTop is not a function

Answer 1

您可以在挂载之前将scrollTo添加到 Element 原型：

Element.prototype.scrollTo = () => {} 

添加此代码后创建的所有元素都将具有scrollTo方法。 有关更多详细信息，您可以查看： https ://github.com/vuejs/vue-test-utils/issues/319#issuecomment-354667621

Answer 2

你可以只用jquery scroll

$(window).scroll(function() {
   this.calendarScroll();
});