找回密码
 立即注册

QQ登录

只需一步,快速开始

spreadjs666
金牌服务用户   /  发表于:2023-9-5 17:11  /   查看:2249  /  回复:5
本帖最后由 spreadjs666 于 2023-9-5 17:16 编辑

希望能将 【像素滚动的情况下可指定底部留白的高度】 列入需求中,有很多影响用户体验的场景:

1、移动端滚动条设置为mobile时,滚动条会将最后一行遮挡住,导致:
    1.1双击编辑单元格会误触滚动条(即使是在滚动条1s后消失,双击单元格依旧会误触滚动条,导致无法调起编辑态)
    1.2内容会被滚动条遮挡

2、移动端滚动到最后一行拖拽行高icon只展示一半,且无法调整行高

3、移动端滚动到最后一行不留白,无法兼容安卓、ios底部安全距离
4、如果设置spread.options.scrollbarMaxAlign = false 会导致页面可以滚动为完全没有数据的情况,用户体验不好



本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

5 个回复

倒序浏览
Lynn.Dou讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2023-9-5 18:12:34
沙发
您好,
需要与您确认下,您上述描述的问题是在”像素滚动“的前提下可以复现的吗?
回复 使用道具 举报
spreadjs666
金牌服务用户   /  发表于:2023-9-5 20:10:34
板凳
Lynn.Dou 发表于 2023-9-5 18:12
您好,
需要与您确认下,您上述描述的问题是在”像素滚动“的前提下可以复现的吗?

是的

spread.options.scrollbarShowMax = true;
spread.options.scrollbarMaxAlign = true;
spread.options.allowExtendPasteRange = true;

spread.options.scrollbarAppearance = GC.Spread.Sheets.ScrollbarAppearance.mobile;

回复 使用道具 举报
Lynn.Dou讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2023-9-6 14:23:50
地板
问题1:
移动端滚动条的设计就是会在表单底部显示的,在您做了上述代码设置之后,表单的底部位置即为最后一行单元格,所以会出现提到的”遮挡“问题,这是难以避免的。
如果您觉得影响最后一行的编辑,可以考虑使用普通的滚动条。
问题2:
原因如上,在开启像素滚动和设置scrollbarMaxAlign 为true后,滚动条即对齐视图中表单的最后一行或一列,也就是滚动条此时已经在底部了。
此时表单下方无空间显示行高的变动。这个问题不是移动端才有的,如果您在web端访问SpreadJS,也会有同样的问题。
示例地址:https://demo.grapecity.com.cn/sp ... ars/overview/purejs
如果想最后一行可以正常拖拽调整行高,那就需要留有相应的空间。
问题3:
没太理解您的需求,可以结合具体例子详细描述下吗?
问题4:
与问题1、2有关,设置scrollbarMaxAlign 为false,即底部留有空白,此时位于底部的滚动条不会被遮挡,最后一行也可以正常拖拽调整行高。但是在触摸过程中移动端底部的空白的显示问题也是会出现的。
回复 使用道具 举报
spreadjs666
金牌服务用户   /  发表于:2023-9-6 17:05:44
5#
Lynn.Dou 发表于 2023-9-6 14:23
问题1:
移动端滚动条的设计就是会在表单底部显示的,在您做了上述代码设置之后,表单的底部位置即为最后 ...

问题1: 移动端视野范围不大,普通滚动条会占据部分用户可操作区,用户体验不好
问题2:是的
问题3:安卓和ios在手机底部上划可以返回主屏幕或者返回上一页,因此为防止用户误触需要给出安全距离,由于表格无法设置固定留白所以会导致误触

综上所述,在使用时出现诸多用户体验问题,因此是否可以将底部设置指定高度的留白提到需求里呢?
回复 使用道具 举报
Lynn.Dou讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2023-9-6 17:52:05
6#
问题收到,已将此问题记录到产品需求库中,如果后续有计划添加此功能,会在贴中通知您。
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部