如何在滚动页面时调整窗口大小的情况下实现此效果

@media screen and (max-width: 768px) {
  /* 窗口宽度小于等于768px时的样式设置 */
  /* 可以对元素进行适当缩小、隐藏等操作 */
}

@media screen and (min-width: 769px) {
  /* 窗口宽度大于768px时的样式设置 */
  /* 可以对元素进行适当放大、显示等操作 */
}

window.addEventListener('scroll', function() {
  // 获取窗口滚动的位置
  var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;

  // 根据滚动的位置和方向判断应该执行的操作
  if (scrollTop > 100) {
    // 窗口滚动位置大于100px时执行的操作
    // 可以改变元素的样式、尺寸等
  } else {
    // 窗口滚动位置小于等于100px时执行的操作
    // 可以还原元素的样式、尺寸等
  }
});