反馈长文档滚轮滑动的卡顿感与卡住

本贴最后更新于 686 天前,其中的信息可能已经时移世异

除此之外,长文档(需要加载动态加载)的浏览,在用鼠标滚轮上下滚动的时候,也能感受到明显的延迟感(有残影)。

对比了下,同样一份长文档,用 Obsidian 则非常流畅。

是不是可以考虑下优化编辑器。@88250


长文档的滚轮滚动浏览还有个问题:向下滑动时,还算比价流畅,但长文档从下往上滑动时,会偶发性的出现卡住的现象,不论怎么向上滑动滚轮都无法向上滑动,明明上文的内容都加载好了。

——多标题文档偶发卡顿 - 链滴 (ld246.com)中的回复

由于附件大小限制(限制 20M,视频 100+M),故将视频上传到阿里云盘,以分享链接的形式供观看:「思源笔记」-长文档滚轮...动的卡顿感与卡住.mp4

视频主要录制了文档加载后,滚轮上滑却在某一时刻卡住。

视频中的两篇文档都是一样的内容,一样的标题,也就是说一样的大小和文档长度。

视频前两次抬手是为了表达卡住了,视频中间还有一次更为明显的抬手示意卡住。

卡顿感视频不好录制体现出来,但也罢,重点是这个卡住

  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步。

    融合块、大纲和双向链接,重构你的思维。

    22409 引用 • 89714 回帖

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • Vanessa 1 1 赞同 2 评论

    感谢反馈,下个版本优化 Issue #7072 · siyuan-note/siyuan

    但是有动态加载时,快速向上滚动目前还没有找好一个比较好的解决方案,如果不卡一下,可能会有较大的跳跃感。

    收集箱中页面提取用的是第三方工具,目前没有办法修复。

    有动态加载时,是否可以进行一定的预加载,会不会好一点
    ilovesiyuan
    @ilovesiyuan 已经预加载了,但是滚动的速度会大于预加载的距离。正常查看内容的话应该是体会不到卡顿的。
    Vanessa
  • 其他回帖
  • SsparK 1 评论

    是不是快到顶上(大概还有一页或者更少的地方)卡住?

    但是慢慢滚动没有问题,卡住之后停下来,再上下滚动也没有问题?

    没有细细尝试,慢慢滚动似乎没有问题(就是滚动一下停一下)。至于再哪里卡住……有时在滚动条中间,有时在偏上一点的位置(滚动条)。
    EberhardLin
  • SsparK 8 评论

    我之前有一个问题反馈,其实好像是同一个问题,只是之前感觉比较明显的是抖动(也许是主题原因),现在感觉比较明显的是向上滚动卡顿。

    我的经验是 如果 #layouts > div.fn__flex.fn__flex-1 > div.layout__center.fn__flex.fn__flex-1 > div > div > div.layout-tab-container.fn__flex-1 > div.fn__flex-1.protyle > div.protyle-content 这个元素的 data-scrolltop < 500,那么第一次向上滚动一定会卡住,这个元素也会被添加一个 style attribute,卡顿发生的时候滚动事件会失效(向上向下都不行);但是如果 data-scrolltop 的 value 比较大,那么向上滚动并不会卡顿。

    如果从页面底部(data-scrolltop > 1000)快速向上滚动应该是比较容易复现,具体的原因我也没有弄清楚,可以肯定的是在我这里自带主题也可以复现。

    EberhardLin
    我也是默认主题发现的,只是录视频的时候刚好用了集市主题。
    EberhardLin
    @EberhardLin 是不是第一次进去的时候卡,如果滚动完以后,再次滚动就不卡了?
    Vanessa
    @EberhardLin 重现不了,可以的话麻烦发一下.sy 给 D
    Vanessa
    @Vanessa 是只会卡一次,style 属性被加上之后就不会卡了
    SsparK
    @Vanessa 今天家里光猫有问题在修,我明天发。另我更新了最新 V2.6.3 也能复现。
    EberhardLin
    @Vanessa 邮件已发送。
    EberhardLin
    @EberhardLin 收到,稍后查看
    Vanessa
  • Vanessa 1 评论

    我看视频里面是没有动态滚动条的,因此不存在动态加载,应该不存在卡顿的问题,重启思源以后还卡么?

    1 回复
    好几天前就发现“卡顿”了,重启肯定还会(这几天开开启启好几次了)。似乎确实和“动态加载”无关,具体的技术问题我也不清楚,不过能够复现这个现象就是了。
    EberhardLin
  • 查看全部回帖

推荐标签 标签

  • Solo

    Solo 是一款小而美的开源博客系统,专为程序员设计。Solo 有着非常活跃的社区,可将文章作为帖子推送到社区,来自社区的回帖将作为博客评论进行联动(具体细节请浏览 B3log 构思 - 分布式社区网络)。

    这是一种全新的网络社区体验,让热爱记录和分享的你不再感到孤单!

    1434 引用 • 10054 回帖 • 489 关注
  • MyBatis

    MyBatis 本是 Apache 软件基金会 的一个开源项目 iBatis,2010 年这个项目由 Apache 软件基金会迁移到了 google code,并且改名为 MyBatis ,2013 年 11 月再次迁移到了 GitHub。

    170 引用 • 414 回帖 • 384 关注
  • OAuth

    OAuth 协议为用户资源的授权提供了一个安全的、开放而又简易的标准。与以往的授权方式不同之处是 oAuth 的授权不会使第三方触及到用户的帐号信息(如用户名与密码),即第三方无需使用用户的用户名与密码就可以申请获得该用户资源的授权,因此 oAuth 是安全的。oAuth 是 Open Authorization 的简写。

    36 引用 • 103 回帖 • 10 关注
  • PWL

    组织简介

    用爱发电 (Programming With Love) 是一个以开源精神为核心的民间开源爱好者技术组织,“用爱发电”象征开源与贡献精神,加入组织,代表你将遵守组织的“个人开源爱好者”的各项条款。申请加入:用爱发电组织邀请帖
    用爱发电组织官网:https://programmingwithlove.stackoverflow.wiki/

    用爱发电组织的核心驱动力:

    • 遵守开源守则,体现开源&贡献精神:以分享为目的,拒绝非法牟利。
    • 自我保护:使用适当的 License 保护自己的原创作品。
    • 尊重他人:不以各种理由、各种漏洞进行未经允许的抄袭、散播、洩露;以礼相待,尊重所有对社区做出贡献的开发者;通过他人的分享习得知识,要留下足迹,表示感谢。
    • 热爱编程、热爱学习:加入组织,热爱编程是首当其要的。我们欢迎热爱讨论、分享、提问的朋友,也同样欢迎默默成就的朋友。
    • 倾听:正确并恳切对待、处理问题与建议,及时修复开源项目的 Bug ,及时与反馈者沟通。不抬杠、不无视、不辱骂。
    • 平视:不诋毁、轻视、嘲讽其他开发者,主动提出建议、施以帮助,以和谐为本。只要他人肯努力,你也可能会被昔日小看的人所超越,所以请保持谦虚。
    • 乐观且活跃:你的努力决定了你的高度。不要放弃,多年后回头俯瞰,才会发现自己已经成就往日所仰望的水平。积极地将项目开源,帮助他人学习、改进,自己也会获得相应的提升、成就与成就感。
    1 引用 • 487 回帖 • 1 关注
  • Bootstrap

    Bootstrap 是 Twitter 推出的一个用于前端开发的开源工具包。它由 Twitter 的设计师 Mark Otto 和 Jacob Thornton 合作开发,是一个 CSS / HTML 框架。

    18 引用 • 33 回帖 • 660 关注
  • Facebook

    Facebook 是一个联系朋友的社交工具。大家可以通过它和朋友、同事、同学以及周围的人保持互动交流,分享无限上传的图片,发布链接和视频,更可以增进对朋友的了解。

    4 引用 • 15 回帖 • 453 关注
  • 酷鸟浏览器

    安全 · 稳定 · 快速
    为跨境从业人员提供专业的跨境浏览器

    3 引用 • 59 回帖 • 26 关注
  • OpenShift

    红帽提供的 PaaS 云,支持多种编程语言,为开发人员提供了更为灵活的框架、存储选择。

    14 引用 • 20 回帖 • 633 关注
  • H2

    H2 是一个开源的嵌入式数据库引擎,采用 Java 语言编写,不受平台的限制,同时 H2 提供了一个十分方便的 web 控制台用于操作和管理数据库内容。H2 还提供兼容模式,可以兼容一些主流的数据库,因此采用 H2 作为开发期的数据库非常方便。

    11 引用 • 54 回帖 • 652 关注
  • SendCloud

    SendCloud 由搜狐武汉研发中心孵化的项目,是致力于为开发者提供高质量的触发邮件服务的云端邮件发送平台,为开发者提供便利的 API 接口来调用服务,让邮件准确迅速到达用户收件箱并获得强大的追踪数据。

    2 引用 • 8 回帖 • 483 关注
  • 百度

    百度(Nasdaq:BIDU)是全球最大的中文搜索引擎、最大的中文网站。2000 年 1 月由李彦宏创立于北京中关村,致力于向人们提供“简单,可依赖”的信息获取方式。“百度”二字源于中国宋朝词人辛弃疾的《青玉案·元夕》词句“众里寻他千百度”,象征着百度对中文信息检索技术的执著追求。

    63 引用 • 785 回帖 • 178 关注
  • Log4j

    Log4j 是 Apache 开源的一款使用广泛的 Java 日志组件。

    20 引用 • 18 回帖 • 29 关注
  • Wide

    Wide 是一款基于 Web 的 Go 语言 IDE。通过浏览器就可以进行 Go 开发,并有代码自动完成、查看表达式、编译反馈、Lint、实时结果输出等功能。

    欢迎访问我们运维的实例: https://wide.b3log.org

    30 引用 • 218 回帖 • 629 关注
  • CentOS

    CentOS(Community Enterprise Operating System)是 Linux 发行版之一,它是来自于 Red Hat Enterprise Linux 依照开放源代码规定释出的源代码所编译而成。由于出自同样的源代码,因此有些要求高度稳定的服务器以 CentOS 替代商业版的 Red Hat Enterprise Linux 使用。两者的不同在于 CentOS 并不包含封闭源代码软件。

    238 引用 • 224 回帖 • 2 关注
  • 区块链

    区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。所谓共识机制是区块链系统中实现不同节点之间建立信任、获取权益的数学算法 。

    91 引用 • 751 回帖 • 4 关注
  • 反馈

    Communication channel for makers and users.

    123 引用 • 911 回帖 • 247 关注
  • 笔记

    好记性不如烂笔头。

    308 引用 • 793 回帖
  • 又拍云

    又拍云是国内领先的 CDN 服务提供商,国家工信部认证通过的“可信云”,乌云众测平台认证的“安全云”,为移动时代的创业者提供新一代的 CDN 加速服务。

    21 引用 • 37 回帖 • 547 关注
  • JWT

    JWT(JSON Web Token)是一种用于双方之间传递信息的简洁的、安全的表述性声明规范。JWT 作为一个开放的标准(RFC 7519),定义了一种简洁的,自包含的方法用于通信双方之间以 JSON 的形式安全的传递信息。

    20 引用 • 15 回帖 • 4 关注
  • GitBook

    GitBook 使您的团队可以轻松编写和维护高质量的文档。 分享知识,提高团队的工作效率,让用户满意。

    3 引用 • 8 回帖 • 3 关注
  • Eclipse

    Eclipse 是一个开放源代码的、基于 Java 的可扩展开发平台。就其本身而言,它只是一个框架和一组服务,用于通过插件组件构建开发环境。

    75 引用 • 258 回帖 • 621 关注
  • JVM

    JVM(Java Virtual Machine)Java 虚拟机是一个微型操作系统,有自己的硬件构架体系,还有相应的指令系统。能够识别 Java 独特的 .class 文件(字节码),能够将这些文件中的信息读取出来,使得 Java 程序只需要生成 Java 虚拟机上的字节码后就能在不同操作系统平台上进行运行。

    180 引用 • 120 回帖 • 1 关注
  • Kafka

    Kafka 是一种高吞吐量的分布式发布订阅消息系统,它可以处理消费者规模的网站中的所有动作流数据。 这种动作(网页浏览,搜索和其他用户的行动)是现代系统中许多功能的基础。 这些数据通常是由于吞吐量的要求而通过处理日志和日志聚合来解决。

    36 引用 • 35 回帖 • 2 关注
  • webpack

    webpack 是一个用于前端开发的模块加载器和打包工具,它能把各种资源,例如 JS、CSS(less/sass)、图片等都作为模块来使用和处理。

    41 引用 • 130 回帖 • 260 关注
  • SQLite

    SQLite 是一个进程内的库,实现了自给自足的、无服务器的、零配置的、事务性的 SQL 数据库引擎。SQLite 是全世界使用最为广泛的数据库引擎。

    5 引用 • 7 回帖 • 2 关注
  • 机器学习

    机器学习(Machine Learning)是一门多领域交叉学科,涉及概率论、统计学、逼近论、凸分析、算法复杂度理论等多门学科。专门研究计算机怎样模拟或实现人类的学习行为,以获取新的知识或技能,重新组织已有的知识结构使之不断改善自身的性能。

    83 引用 • 37 回帖
  • 一些有用的避坑指南。

    69 引用 • 93 回帖