Vue通过el-table达成类windows上下选择文本滚动条监控以及手动滚动条挪动后定位

原创
小哥 3年前 (2022-11-16) 阅读数 8 #大杂烩

首先清楚windows文件管理逻辑

  1. 按 ↓ 键选择文件。如果文件已离开窗口,滚动条将准确向下滚动。
  2. 按 ↑ 当按键选择文件时,滚动条会准确地向上滚动。

当然,上述条件是文件在可视窗口内移动。

  1. 如果用户操作滚动条将文件与可视窗口分离、重新定位, 重新定位有两个规则:
    {
    a. 如果文件在可视窗口上方,请在文件位于可视窗口中之后找到过去的元素。
    b. 如果文件在可视窗口下方, 文件被定位为视觉窗口中过去之后的最后一个元素。
    }

我提到了上面的确切单词,所以让我们先删除上下键的默认事件。, 否则,他将自己控制进度条。

    if (e.keyCode === 38 || e.keyCode === 40) {
       e.preventDefault();
     }

然后开始以下定位操作

HTML: 首选注册ref对于el-table

   
					
版权声明

所有资源都来源于爬虫采集,如有侵权请联系我们,我们将立即删除