[重要] 像素滚动的情况下可指定底部留白的高度

登录

本帖最后由 spreadjs666 于 2023-9-5 17:16 编辑

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

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

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

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

Lynn.Dou · Lynn.Dou

您好，
需要与您确认下，您上述描述的问题是在”像素滚动“的前提下可以复现的吗？

spreadjs666 · spreadjs666

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 · Lynn.Dou

问题1：
移动端滚动条的设计就是会在表单底部显示的，在您做了上述代码设置之后，表单的底部位置即为最后一行单元格，所以会出现提到的”遮挡“问题，这是难以避免的。
如果您觉得影响最后一行的编辑，可以考虑使用普通的滚动条。
问题2：
原因如上，在开启像素滚动和设置scrollbarMaxAlign 为true后，滚动条即对齐视图中表单的最后一行或一列，也就是滚动条此时已经在底部了。
此时表单下方无空间显示行高的变动。这个问题不是移动端才有的，如果您在web端访问SpreadJS，也会有同样的问题。
示例地址：https://demo.grapecity.com.cn/sp ... ars/overview/purejs
如果想最后一行可以正常拖拽调整行高，那就需要留有相应的空间。
问题3：
没太理解您的需求，可以结合具体例子详细描述下吗？
问题4：
与问题1、2有关，设置scrollbarMaxAlign 为false，即底部留有空白，此时位于底部的滚动条不会被遮挡，最后一行也可以正常拖拽调整行高。但是在触摸过程中移动端底部的空白的显示问题也是会出现的。

spreadjs666 · spreadjs666

Lynn.Dou 发表于 2023-9-6 14:23
问题1：
移动端滚动条的设计就是会在表单底部显示的，在您做了上述代码设置之后，表单的底部位置即为最后 ...

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

综上所述，在使用时出现诸多用户体验问题，因此是否可以将底部设置指定高度的留白提到需求里呢？

Lynn.Dou · Lynn.Dou

问题收到，已将此问题记录到产品需求库中，如果后续有计划添加此功能，会在贴中通知您。

		自动登录	找回密码
密码			立即注册

[已采纳] [重要] 像素滚动的情况下可指定底部留白的高度

本帖子中包含更多资源

5 个回复

SpreadJS 认证

SpreadJS 高级认证

讲师达人

悬赏达人