vue div内容超出固定高度 点击按钮 向上或向下 移动相应距离

你可以尝试使用CSS样式中的overflow属性来控制div的显示，例如设置为"scroll"或"hidden"。然后，使用JavaScript来获取按钮点击事件，并使用DOM操作来更改div的scroll位置，从而实现向上或向下移动相应距离。以下是可能的代码示例：

HTML：

<div class="wrapper">
  <div class="content">
    <!-- 内容 -->
  </div>
  <button id="upBtn">向上</button>
  <button id="downBtn">向下</button>
</div>

CSS:

.wrapper {
  height: 200px; /* 固定高度 */
  overflow: scroll; /* 滚动条 */
}

.content {
  /* 内容样式 */
}

JavaScript:

const wrapper = document.querySelector('.wrapper');
const content = document.querySelector('.content');
const upBtn = document.querySelector('#upBtn');
const downBtn = document.querySelector('#downBtn');

upBtn.addEventListener('click', () => {
  wrapper.scrollTop -= 50; // 向上滚动50px
});

downBtn.addEventListener('click', () => {
  wrapper.scrollTop += 50; // 向下滚动50px
});