`
明月清风
  • 浏览: 921 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
最近访客 更多访客>>
社区版块
存档分类
最新评论

表格中拖拽某一行到边框外实现滚动条自己滚动

阅读更多
实现方式:

当拖动的时候判断是否拖出表格,如果拖出表格,就让滚动条自动滚动:
var intervalId;
....
if(currentPosition > bottomBorder){
   intervalid = setInterval(autoscrollto(true),100);
}else if(currentPosition < topBorder){
   intervalId = setInterval(autoscrollto(false),100);
}

//direction 值为true 表示向下滚动,false表示向上滚动
function autoScrollTo(direction){
   var scrollHeight = 30;
   if(!direction){
      scrollHeight = -30;
   }
   var scrollparent = $("#mygrid").scrollparent();
   scrollparent.scrollTop(scrollparent.scrollTop()+scrollHeight);
}

当放下拖动对象或者重新拖动到表格里边时调用 clearInterval(intervalId)方法, 此方法可以把循环调用终止,不让滚动条继续滚动.
分享到:
评论

相关推荐

    基于QT中的QTableView实现表格翻页标签(精准定位、表格可拖动大小、可与滑动条联动)

    为了实现精准定位,你需要在信号槽函数中根据滚动条的位置计算出当前显示的表格区域,并相应地调整模型的索引范围。这可能涉及到对QModelIndex和QAbstractItemModel的深入理解。 对于表格可拖动大小,QTableView...

    易语言模拟Excel表格的鼠标移动效果

    在易语言中实现“模拟Excel表格的鼠标移动效果”是一项常见的任务,尤其是在开发桌面应用或者数据分析软件时。这个效果包括了表头的动态刷新、单元格区域的高亮显示、行列号的获取以及滚动条位置的判断等功能,这些...

    WPS文字如何快速计算插入表格的行、列数.docx

    4. 滚动到最后一行:拖动滚动条,到最后一行表格,通过编号我们就知道有多少行了。 方法二:通过表格属性来查看 在 WPS 文字中,也可以通过表格属性来查看插入表格的行、列数。具体步骤如下: 1. 鼠标右键单击...

    [最新知识]excel表格如何冻结窗口.doc

    将鼠标移到工作表右边滚动条上方的小三角形图标上,当鼠标变为双向箭头时,向下拖动至所需固定行的位置。接下来,点击“窗口”菜单的“冻结窗口”。对于冻结列,可在下滚动条处采用相同的操作,向左拖动至所需固定列...

    Excel表格的基本操作

    - 使用滚动条或页面导航功能可以快速浏览长工作簿。 **38. 快速删除工作表中的空行** - 使用筛选功能,选择空行,然后批量删除。 **39. 绘制斜线表头** - 使用形状工具绘制斜线,然后调整位置覆盖单元格顶部,实现...

    javascript实现表格排序 编辑 拖拽 缩放

    在JavaScript中实现表格排序、编辑、拖拽和缩放功能是一项常见的需求,特别是在构建交互性强的数据展示界面时。本文将详细介绍如何使用JavaScript实现这些特性。 首先,实现表格排序。JavaScript中的表格排序通常...

    《程序天下:JavaScript实例自学手册》光盘源码

    9.12 单击表格某行后其他行隐藏 9.13 单击表头实现表格排序 9.14 单击单元格显示行的详细信息 9.15 表格设置为“100%”时获取表格的宽度 9.16 表格选中后变色 9.17 表格中隐藏下级表格 9.18 表格自动下移 9.19 动态...

    程序天下:JavaScript实例自学手册

    9.12 单击表格某行后其他行隐藏 9.13 单击表头实现表格排序 9.14 单击单元格显示行的详细信息 9.15 表格设置为“100%”时获取表格的宽度 9.16 表格选中后变色 9.17 表格中隐藏下级表格 9.18 表格自动下移 9.19 动态...

    ingrid表格插件

    同时,插件还提供了自动调整列宽的选项,可以根据内容自动填充,确保数据完整显示,避免了滚动条的出现。 其次,分页是Ingrid的另一大亮点。在处理大数据集时,一次性加载所有数据可能导致页面响应变慢,用户体验...

    excel表格的基本操作_excel表格教程_excel表格制作教程

    37. **快速浏览长工作簿**:使用“滚动条”的上下箭头,可快速浏览到工作簿的顶部或底部。 38. **快速删除工作表中的空行**:通过查找和替换功能,找到空行并删除。 39. **绘制斜线表头**:使用“边框”工具中的...

    《Excel表格的基本操作》163招技巧

    37. **快速浏览长工作簿**:使用滚动条或键盘上的Page Up/Page Down键来快速浏览。 38. **快速删除工作表中的空行**:可以通过筛选功能标记空行,然后批量删除。 39. **绘制斜线表头**:选中需要添加斜线的单元格...

    WPS表格技巧100例

    - 双击单元格的右侧或下侧,可以选定到最后一行或列的范围。 **16. 根据条件选择单元格** 根据条件选择单元格可以通过以下方式: - 使用“条件格式”功能。 - 或者使用“高级筛选”选择满足特定条件的单元格。 **...

    excel表格的基本操作

    - 使用滚动条或键盘上的箭头键快速浏览。 - “查找”功能可以帮助定位特定内容。 **38. 快速删除工作表中的空行** - 使用“定位条件”找到空行,然后删除。 **39. 绘制斜线表头** - 选中表头单元格,使用“边框”...

    excel表格的基本操作大全

    双击单元格的上边或下边边界可以将选定单元格向上或向下移动一行。 **21. 双击单元格某边选取单元格区域** 双击单元格的左边或右边边界可以快速选择整个列。 **22. 快速选定不连续单元格** 按住Ctrl键的同时,使用...

    exlce表格处理软件一PPT学习教案.pptx

    - 滚动条:用于浏览大范围的数据。 - 活动单元格:当前操作的单元格,其四周有粗边框。 - 任务窗格:提供额外的功能和信息。 - 工具栏按钮:快捷访问常用命令。 - 公式编辑栏:显示或编辑单元格中的公式或文本...

    表格基本操作

    - 使用滚动条、导航窗格或Page Up/Page Down键。 **快速删除工作表中的空行** - 使用“定位条件”功能选择空白行,然后删除。 **绘制斜线表头** - 在单元格中输入斜线字符,然后使用文本对齐工具调整文本位置。 *...

    网页试题及答案9.docx

    19. 框架集属性面板:选项D 不能设置滚动条,滚动条设置在每个框架自身属性中。 20. 框架的构成及设置:选项A 框架可以嵌套,形成复杂的框架结构。 21. 关于框架的错误说法:选项D 在设计窗口中,点击框架边框确实...

    vxe-table vue table 表格组件功能

    一个功能更加强大的 Vue 表格组件 查看vxe-table 功能点 •基础 •尺寸 •斑马线条纹 •带边框 •单元格样式 •列宽拖动 •流体高度 •固定表头 •固定列 •固定表头和列 •表头分组 •序号 •单选 •多选 •排序 •...

Global site tag (gtag.js) - Google Analytics