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

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

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

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

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


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

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

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

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

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

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

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

  • 思源笔记

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

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

    25339 引用 • 104631 回帖 • 1 关注

相关帖子

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • Vanessa 1 评论 via macOS

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

    1 回复
    好几天前就发现“卡顿”了,重启肯定还会(这几天开开启启好几次了)。似乎确实和“动态加载”无关,具体的技术问题我也不清楚,不过能够复现这个现象就是了。
    EberhardLin
  • 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 赞同 2 评论 via macOS

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

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

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

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

推荐标签 标签

  • ReactiveX

    ReactiveX 是一个专注于异步编程与控制可观察数据(或者事件)流的 API。它组合了观察者模式,迭代器模式和函数式编程的优秀思想。

    1 引用 • 2 回帖 • 182 关注
  • Facebook

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

    4 引用 • 15 回帖 • 446 关注
  • wolai

    我来 wolai:不仅仅是未来的云端笔记!

    2 引用 • 14 回帖
  • 开源

    Open Source, Open Mind, Open Sight, Open Future!

    411 引用 • 3588 回帖
  • OpenStack

    OpenStack 是一个云操作系统,通过数据中心可控制大型的计算、存储、网络等资源池。所有的管理通过前端界面管理员就可以完成,同样也可以通过 Web 接口让最终用户部署资源。

    10 引用 • 5 关注
  • 脑图

    脑图又叫思维导图,是表达发散性思维的有效图形思维工具 ,它简单却又很有效,是一种实用性的思维工具。

    32 引用 • 99 回帖
  • 笔记

    好记性不如烂笔头。

    310 引用 • 794 回帖
  • 外包

    有空闲时间是接外包好呢还是学习好呢?

    26 引用 • 233 回帖 • 4 关注
  • WiFiDog

    WiFiDog 是一套开源的无线热点认证管理工具,主要功能包括:位置相关的内容递送;用户认证和授权;集中式网络监控。

    1 引用 • 7 回帖 • 609 关注
  • WebSocket

    WebSocket 是 HTML5 中定义的一种新协议,它实现了浏览器与服务器之间的全双工通信(full-duplex)。

    48 引用 • 206 回帖 • 292 关注
  • 互联网

    互联网(Internet),又称网际网络,或音译因特网、英特网。互联网始于 1969 年美国的阿帕网,是网络与网络之间所串连成的庞大网络,这些网络以一组通用的协议相连,形成逻辑上的单一巨大国际网络。

    99 引用 • 367 回帖
  • 996
    13 引用 • 200 回帖 • 5 关注
  • 黑曜石

    黑曜石是一款强大的知识库工具,支持本地 Markdown 文件编辑,支持双向链接和关系图。

    A second brain, for you, forever.

    24 引用 • 241 回帖
  • Logseq

    Logseq 是一个隐私优先、开源的知识库工具。

    Logseq is a joyful, open-source outliner that works on top of local plain-text Markdown and Org-mode files. Use it to write, organize and share your thoughts, keep your to-do list, and build your own digital garden.

    7 引用 • 69 回帖
  • PWL

    组织简介

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

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

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

    V2EX 是创意工作者们的社区。这里目前汇聚了超过 400,000 名主要来自互联网行业、游戏行业和媒体行业的创意工作者。V2EX 希望能够成为创意工作者们的生活和事业的一部分。

    16 引用 • 236 回帖 • 265 关注
  • 设计模式

    设计模式(Design pattern)代表了最佳的实践,通常被有经验的面向对象的软件开发人员所采用。设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案。这些解决方案是众多软件开发人员经过相当长的一段时间的试验和错误总结出来的。

    200 引用 • 120 回帖 • 2 关注
  • Latke

    Latke 是一款以 JSON 为主的 Java Web 框架。

    71 引用 • 535 回帖 • 830 关注
  • GitHub

    GitHub 于 2008 年上线,目前,除了 Git 代码仓库托管及基本的 Web 管理界面以外,还提供了订阅、讨论组、文本渲染、在线文件编辑器、协作图谱(报表)、代码片段分享(Gist)等功能。正因为这些功能所提供的便利,又经过长期的积累,GitHub 的用户活跃度很高,在开源世界里享有深远的声望,并形成了社交化编程文化(Social Coding)。

    210 引用 • 2040 回帖
  • webpack

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

    42 引用 • 130 回帖 • 251 关注
  • 小说

    小说是以刻画人物形象为中心,通过完整的故事情节和环境描写来反映社会生活的文学体裁。

    32 引用 • 108 回帖
  • jsDelivr

    jsDelivr 是一个开源的 CDN 服务,可为 npm 包、GitHub 仓库提供免费、快速并且可靠的全球 CDN 加速服务。

    5 引用 • 31 回帖 • 111 关注
  • Linux

    Linux 是一套免费使用和自由传播的类 Unix 操作系统,是一个基于 POSIX 和 Unix 的多用户、多任务、支持多线程和多 CPU 的操作系统。它能运行主要的 Unix 工具软件、应用程序和网络协议,并支持 32 位和 64 位硬件。Linux 继承了 Unix 以网络为核心的设计思想,是一个性能稳定的多用户网络操作系统。

    952 引用 • 944 回帖
  • SMTP

    SMTP(Simple Mail Transfer Protocol)即简单邮件传输协议,它是一组用于由源地址到目的地址传送邮件的规则,由它来控制信件的中转方式。SMTP 协议属于 TCP/IP 协议簇,它帮助每台计算机在发送或中转信件时找到下一个目的地。

    4 引用 • 18 回帖 • 634 关注
  • 人工智能

    人工智能(Artificial Intelligence)是研究、开发用于模拟、延伸和扩展人的智能的理论、方法、技术及应用系统的一门技术科学。

    166 引用 • 314 回帖
  • Laravel

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

    20 引用 • 23 回帖 • 740 关注
  • TGIF

    Thank God It's Friday! 感谢老天,总算到星期五啦!

    290 引用 • 4494 回帖 • 655 关注