【视频反馈】长文档滚轮滑动的卡顿感与卡住

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

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

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


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

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

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

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

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

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

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

相关帖子

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • 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
  • 其他回帖
  • SsparK 1 评论
    订阅者

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

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

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

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

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

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

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

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

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

推荐标签 标签

  • Electron

    Electron 基于 Chromium 和 Node.js,让你可以使用 HTML、CSS 和 JavaScript 构建应用。它是一个由 GitHub 及众多贡献者组成的活跃社区共同维护的开源项目,兼容 Mac、Windows 和 Linux,它构建的应用可在这三个操作系统上面运行。

    17 引用 • 142 回帖
  • 又拍云

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

    21 引用 • 37 回帖 • 441 关注
  • SEO

    发布对别人有帮助的原创内容是最好的 SEO 方式。

    35 引用 • 200 回帖 • 4 关注
  • Firefox

    Mozilla Firefox 中文俗称“火狐”(正式缩写为 Fx 或 fx,非正式缩写为 FF),是一个开源的网页浏览器,使用 Gecko 排版引擎,支持多种操作系统,如 Windows、OSX 及 Linux 等。

    7 引用 • 30 回帖 • 482 关注
  • 资讯

    资讯是用户因为及时地获得它并利用它而能够在相对短的时间内给自己带来价值的信息,资讯有时效性和地域性。

    44 引用 • 83 回帖
  • Laravel

    Laravel 是一套简洁、优雅的 PHP Web 开发框架。它采用 MVC 设计,是一款崇尚开发效率的全栈框架。

    19 引用 • 22 回帖 • 615 关注
  • 链书

    链书(Chainbook)是 B3log 开源社区提供的区块链纸质书交易平台,通过 B3T 实现共享激励与价值链。可将你的闲置书籍上架到链书,我们共同构建这个全新的交易平台,让闲置书籍继续发挥它的价值。

    链书社

    链书目前已经下线,也许以后还有计划重制上线。

    14 引用 • 257 回帖
  • Pipe

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

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

    129 引用 • 1110 回帖 • 205 关注
  • HBase

    HBase 是一个分布式的、面向列的开源数据库,该技术来源于 Fay Chang 所撰写的 Google 论文 “Bigtable:一个结构化数据的分布式存储系统”。就像 Bigtable 利用了 Google 文件系统所提供的分布式数据存储一样,HBase 在 Hadoop 之上提供了类似于 Bigtable 的能力。

    17 引用 • 6 回帖 • 19 关注
  • 钉钉

    钉钉,专为中国企业打造的免费沟通协同多端平台, 阿里巴巴出品。

    14 引用 • 67 回帖 • 406 关注
  • OkHttp

    OkHttp 是一款 HTTP & HTTP/2 客户端库,专为 Android 和 Java 应用打造。

    16 引用 • 6 回帖 • 37 关注
  • App

    App(应用程序,Application 的缩写)一般指手机软件。

    90 引用 • 375 回帖
  • danl
    14 关注
  • API

    应用程序编程接口(Application Programming Interface)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。

    74 引用 • 404 回帖
  • 笔记

    好记性不如烂笔头。

    291 引用 • 775 回帖
  • Markdown

    Markdown 是一种轻量级标记语言,用户可使用纯文本编辑器来排版文档,最终通过 Markdown 引擎将文档转换为所需格式(比如 HTML、PDF 等)。

    165 引用 • 1390 回帖
  • 锤子科技

    锤子科技(Smartisan)成立于 2012 年 5 月,是一家制造移动互联网终端设备的公司,公司的使命是用完美主义的工匠精神,打造用户体验一流的数码消费类产品(智能手机为主),改善人们的生活质量。

    4 引用 • 31 回帖 • 1 关注
  • NGINX

    NGINX 是一个高性能的 HTTP 和反向代理服务器,也是一个 IMAP/POP3/SMTP 代理服务器。 NGINX 是由 Igor Sysoev 为俄罗斯访问量第二的 Rambler.ru 站点开发的,第一个公开版本 0.1.0 发布于 2004 年 10 月 4 日。

    297 引用 • 539 回帖 • 282 关注
  • 宕机

    宕机,多指一些网站、游戏、网络应用等服务器一种区别于正常运行的状态,也叫“Down 机”、“当机”或“死机”。宕机状态不仅仅是指服务器“挂掉了”、“死机了”状态,也包括服务器假死、停用、关闭等一些原因而导致出现的不能够正常运行的状态。

    13 引用 • 82 回帖 • 12 关注
  • Unity

    Unity 是由 Unity Technologies 开发的一个让开发者可以轻松创建诸如 2D、3D 多平台的综合型游戏开发工具,是一个全面整合的专业游戏引擎。

    21 引用 • 7 回帖 • 337 关注
  • 博客

    记录并分享人生的经历。

    262 引用 • 2369 回帖
  • 酷鸟浏览器

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

    3 引用 • 59 回帖 • 20 关注
  • 微软

    微软是一家美国跨国科技公司,也是世界 PC 软件开发的先导,由比尔·盖茨与保罗·艾伦创办于 1975 年,公司总部设立在华盛顿州的雷德蒙德(Redmond,邻近西雅图)。以研发、制造、授权和提供广泛的电脑软件服务业务为主。

    8 引用 • 44 回帖
  • Oracle

    Oracle(甲骨文)公司,全称甲骨文股份有限公司(甲骨文软件系统有限公司),是全球最大的企业级软件公司,总部位于美国加利福尼亚州的红木滩。1989 年正式进入中国市场。2013 年,甲骨文已超越 IBM,成为继 Microsoft 后全球第二大软件公司。

    103 引用 • 126 回帖 • 546 关注
  • 学习

    “梦想从学习开始,事业从实践起步” —— 习近平

    144 引用 • 458 回帖
  • 爬虫

    网络爬虫(Spider、Crawler),是一种按照一定的规则,自动地抓取万维网信息的程序。

    106 引用 • 275 回帖
  • JWT

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

    19 引用 • 15 回帖 • 1 关注