[重要] 像素滚动的情况下可指定底部留白的高度
本帖最后由 spreadjs666 于 2023-9-5 17:16 编辑希望能将 【像素滚动的情况下可指定底部留白的高度】 列入需求中,有很多影响用户体验的场景:
1、移动端滚动条设置为mobile时,滚动条会将最后一行遮挡住,导致:
1.1双击编辑单元格会误触滚动条(即使是在滚动条1s后消失,双击单元格依旧会误触滚动条,导致无法调起编辑态)
1.2内容会被滚动条遮挡
2、移动端滚动到最后一行拖拽行高icon只展示一半,且无法调整行高
3、移动端滚动到最后一行不留白,无法兼容安卓、ios底部安全距离
4、如果设置spread.options.scrollbarMaxAlign = false 会导致页面可以滚动为完全没有数据的情况,用户体验不好
您好,
需要与您确认下,您上述描述的问题是在”像素滚动“的前提下可以复现的吗? 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;
问题1:
移动端滚动条的设计就是会在表单底部显示的,在您做了上述代码设置之后,表单的底部位置即为最后一行单元格,所以会出现提到的”遮挡“问题,这是难以避免的。
如果您觉得影响最后一行的编辑,可以考虑使用普通的滚动条。
问题2:
原因如上,在开启像素滚动和设置scrollbarMaxAlign 为true后,滚动条即对齐视图中表单的最后一行或一列,也就是滚动条此时已经在底部了。
此时表单下方无空间显示行高的变动。这个问题不是移动端才有的,如果您在web端访问SpreadJS,也会有同样的问题。
示例地址:https://demo.grapecity.com.cn/spreadjs/SpreadJSTutorial/features/workbook/scrollbars/overview/purejs
如果想最后一行可以正常拖拽调整行高,那就需要留有相应的空间。
问题3:
没太理解您的需求,可以结合具体例子详细描述下吗?
问题4:
与问题1、2有关,设置scrollbarMaxAlign 为false,即底部留有空白,此时位于底部的滚动条不会被遮挡,最后一行也可以正常拖拽调整行高。但是在触摸过程中移动端底部的空白的显示问题也是会出现的。 Lynn.Dou 发表于 2023-9-6 14:23
问题1:
移动端滚动条的设计就是会在表单底部显示的,在您做了上述代码设置之后,表单的底部位置即为最后 ...
问题1: 移动端视野范围不大,普通滚动条会占据部分用户可操作区,用户体验不好
问题2:是的
问题3:安卓和ios在手机底部上划可以返回主屏幕或者返回上一页,因此为防止用户误触需要给出安全距离,由于表格无法设置固定留白所以会导致误触
综上所述,在使用时出现诸多用户体验问题,因此是否可以将底部设置指定高度的留白提到需求里呢? 问题收到,已将此问题记录到产品需求库中,如果后续有计划添加此功能,会在贴中通知您。
页:
[1]