请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册

QQ登录

只需一步,快速开始

金牌服务用户

26

主题

93

帖子

243

积分

金牌服务用户

积分
243

金牌服务用户   /  发表于:2021-7-19 10:42  /   查看:2818  /  回复:10
鼠标滚轮滚动一下,会直接跳转到下一页,而不是按行或者按像素进行滚动
image.png533369445.png
image.png456176757.png

10 个回复

倒序浏览
Clark.Pan讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2021-7-19 11:05:55
沙发
SpreadJS默认是按行滚动,像素滚动需要单独设置
spread.options.scrollByPixel = true;
https://demo.grapecity.com.cn/sp ... el-scrolling/purejs
回复 使用道具 举报

金牌服务用户   /  发表于:2021-7-19 11:07:39
板凳
Clark.Pan 发表于 2021-7-19 11:05
SpreadJS默认是按行滚动,像素滚动需要单独设置
spread.options.scrollByPixel = true;
https://demo.gra ...

已经设置了,使用鼠标拖动滚动条是可以按像素滚动的,但是鼠标滚轮不可以
回复 使用道具 举报

金牌服务用户   /  发表于:2021-7-19 11:08:11
地板
Clark.Pan 发表于 2021-7-19 11:05
SpreadJS默认是按行滚动,像素滚动需要单独设置
spread.options.scrollByPixel = true;
https://demo.gra ...

image.png915223998.png
回复 使用道具 举报
Clark.Pan讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2021-7-19 11:18:02
5#
我按照您的代码重试了之后,仍然没能重现您的情况,请您提供一个有问题的demo,方便重现问题
回复 使用道具 举报

金牌服务用户   /  发表于:2021-7-19 11:34:18
6#
本帖最后由 浩 于 2021-7-19 11:39 编辑
Clark.Pan 发表于 2021-7-19 11:18
我按照您的代码重试了之后,仍然没能重现您的情况,请您提供一个有问题的demo,方便重现问题
  1. <script>
  2.     var options = {
  3.         spreadId: 'excel',
  4.         designerId: 'gc-designer-container',
  5.         allowCopyPasteExcelStyle: true,
  6.         isDesigner: true,
  7.         scrollByPixel: true,
  8.     };
  9.     var spread = new GC.Spread.Sheets.Workbook(document.getElementById(options.spreadId), options),
  10.         designer = new GC.Spread.Sheets.Designer.Designer(document.getElementById(options.designerId), designerOptions, spread);
  11.     // 启用按像素的精确滚动
  12.     spread.options.scrollByPixel = true;
  13.     spread.options.scrollPixel = 10;
  14. </script>
复制代码

附件是测试上传的附件designer的designerOptions使用的官方默认的
浏览器是火狐浏览器

cs.xlsx

9.58 KB, 阅读权限: 150, 下载次数: 1

上传的该附件

回复 使用道具 举报
Clark.Pan讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2021-7-19 11:40:28
7#
您好,还是没能重现您的问题,怀疑可能您用的不是最新版本。您可以在我们官网的在线表格编辑器上进行尝试,操作如下:
1.打开官网的在线表格编辑器demo:
https://demo.grapecity.com.cn/SpreadJS/WebDesigner/index.html
2.导入您提供cs.xlsx
image.png118432311.png
3.打开控制台输入下面的代码
  1. var designer = GC.Spread.Sheets.Designer.findControl(document.getElementById("gc-designer-container"));
  2. var spread = designer.getWorkbook();
  3. spread.options.scrollByPixel = true;
  4. spread.options.scrollPixel = 10;
复制代码

4.滚动鼠标滚轮是可以像素滚动的。 image.png395510253.png
回复 使用道具 举报

金牌服务用户   /  发表于:2021-7-19 11:48:33
8#
本帖最后由 浩 于 2021-7-19 11:59 编辑
Clark.Pan 发表于 2021-7-19 11:40
您好,还是没能重现您的问题,怀疑可能您用的不是最新版本。您可以在我们官网的在线表格编辑器上进行尝试, ...

我在您提供的网址中是没有问题,但是在本地如视频所示
版本是14.0.1

cs.mp4

883.49 KB, 阅读权限: 150, 下载次数: 2

回复 使用道具 举报
Clark.Pan讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2021-7-19 12:02:14
9#
您好,看了您的视频发现您本地像素滚动根本没有生效。
怀疑是这里的问题
您将这两段代码
  1. var spread = new GC.Spread.Sheets.Workbook(document.getElementById(options.spreadId), options),
  2.         designer = new GC.Spread.Sheets.Designer.Designer(document.getElementById(options.designerId), designerOptions, spread);
复制代码

改为
  1. designer = new GC.Spread.Sheets.Designer.Designer(document.getElementById(options.designerId), designerOptions, spread);
  2. var spread = designer.getWorkbook();
复制代码

再看看是否还有问题
image.png800477294.png
回复 使用道具 举报

金牌服务用户   /  发表于:2021-7-19 14:54:57
10#
Clark.Pan 发表于 2021-7-19 12:02
您好,看了您的视频发现您本地像素滚动根本没有生效。
怀疑是这里的问题
您将这两段代码

可以了,不知道为什么,必须要在导入excel之后再把options中的内容再设置一次
回复 使用道具 举报
12下一页
您需要登录后才可以回帖 登录 | 立即注册
返回顶部