phoben 发表于 2024-4-15 14:00:51

【插件分享】一个命令让页面自动滚动到指定位置

本帖最后由 phoben 于 2024-4-15 14:00 编辑




先上图,这个效果相信大家不陌生,很多系统页面都使用了类似效果
相比其他交互插件,它的确非常的实用,能迅速帮助用户找到对应的栏目。
尤其对于一些长页面来说,我们在系统设计时,在恰当的实际,引导用户到合适位置,结合一些提醒、校验等,能给项目加分不少。


本身这个功能的原理,属于纯JS操控,难就难在要准确找到滚动的对象,因为活字格工程里往往有很多层嵌套。
比如母版页、选项卡、子页面等。
当我们有多个页面嵌套时,这一点如果手动实现比较困难。

插件介绍
调用插件命令即可完成功能,你需要指定一个单元格作为滚动的目标
除此之外,你还可以设置偏移量,比如滚动到某个标题上方20px处。



但要注意的是,你不可以指定一个空单元格,作为目标,因为活字格并不会真正渲染它,这就导致页面上是找不到这个目标的。

插件下载:滚动页面到对象 - 葡萄城市场 (grapecity.com.cn)

紫色幽魂 发表于 2024-4-16 16:19:41

大佬,能否从页面滚动到某个区域后菜单也显示对应区域的菜单名称,比如滚动到合同信息区域,菜单的显示就是合同信息

phoben 发表于 2024-4-16 22:09:25

紫色幽魂 发表于 2024-4-16 16:19
大佬,能否从页面滚动到某个区域后菜单也显示对应区域的菜单名称,比如滚动到合同信息区域,菜单的显示就是 ...

这是个命令插件,不一定就是从菜单里调用的,你说的功能,需要另外去想办法实现

紫色幽魂 发表于 2024-4-18 22:28:22

phoben 发表于 2024-4-16 22:09
这是个命令插件,不一定就是从菜单里调用的,你说的功能,需要另外去想办法实现


像插件市场中页面上的这种样式,好不好弄呢

页: [1]
查看完整版本: 【插件分享】一个命令让页面自动滚动到指定位置