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

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

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

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

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


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

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

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

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

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

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

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

  • 思源笔记

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

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

    23022 引用 • 92616 回帖

相关帖子

欢迎来到这里!

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

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

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

    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 评论

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

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

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

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

推荐标签 标签

  • Eclipse

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

    75 引用 • 258 回帖 • 624 关注
  • PHP

    PHP(Hypertext Preprocessor)是一种开源脚本语言。语法吸收了 C 语言、 Java 和 Perl 的特点,主要适用于 Web 开发领域,据说是世界上最好的编程语言。

    179 引用 • 407 回帖 • 490 关注
  • Rust

    Rust 是一门赋予每个人构建可靠且高效软件能力的语言。Rust 由 Mozilla 开发,最早发布于 2014 年 9 月。

    58 引用 • 22 回帖
  • GraphQL

    GraphQL 是一个用于 API 的查询语言,是一个使用基于类型系统来执行查询的服务端运行时(类型系统由你的数据定义)。GraphQL 并没有和任何特定数据库或者存储引擎绑定,而是依靠你现有的代码和数据支撑。

    4 引用 • 3 回帖 • 8 关注
  • Ngui

    Ngui 是一个 GUI 的排版显示引擎和跨平台的 GUI 应用程序开发框架,基于
    Node.js / OpenGL。目标是在此基础上开发 GUI 应用程序可拥有开发 WEB 应用般简单与速度同时兼顾 Native 应用程序的性能与体验。

    7 引用 • 9 回帖 • 394 关注
  • Android

    Android 是一种以 Linux 为基础的开放源码操作系统,主要使用于便携设备。2005 年由 Google 收购注资,并拉拢多家制造商组成开放手机联盟开发改良,逐渐扩展到到平板电脑及其他领域上。

    334 引用 • 323 回帖 • 4 关注
  • 心情

    心是产生任何想法的源泉,心本体会陷入到对自己本体不能理解的状态中,因为心能产生任何想法,不能分出对错,不能分出自己。

    59 引用 • 369 回帖
  • 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.

    6 引用 • 63 回帖 • 4 关注
  • HTML

    HTML5 是 HTML 下一个的主要修订版本,现在仍处于发展阶段。广义论及 HTML5 时,实际指的是包括 HTML、CSS 和 JavaScript 在内的一套技术组合。

    107 引用 • 295 回帖
  • Hexo

    Hexo 是一款快速、简洁且高效的博客框架,使用 Node.js 编写。

    21 引用 • 140 回帖 • 3 关注
  • V2EX

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

    17 引用 • 236 回帖 • 316 关注
  • 脑图

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

    30 引用 • 96 回帖
  • 尊园地产

    昆明尊园房地产经纪有限公司,即:Kunming Zunyuan Property Agency Company Limited(简称“尊园地产”)于 2007 年 6 月开始筹备,2007 年 8 月 18 日正式成立,注册资本 200 万元,公司性质为股份经纪有限公司,主营业务为:代租、代售、代办产权过户、办理银行按揭、担保、抵押、评估等。

    1 引用 • 22 回帖 • 772 关注
  • Maven

    Maven 是基于项目对象模型(POM)、通过一小段描述信息来管理项目的构建、报告和文档的软件项目管理工具。

    186 引用 • 318 回帖 • 282 关注
  • SpaceVim

    SpaceVim 是一个社区驱动的模块化 vim/neovim 配置集合,以模块的方式组织管理插件以
    及相关配置,为不同的语言开发量身定制了相关的开发模块,该模块提供代码自动补全,
    语法检查、格式化、调试、REPL 等特性。用户仅需载入相关语言的模块即可得到一个开箱
    即用的 Vim-IDE。

    3 引用 • 31 回帖 • 104 关注
  • BookxNote

    BookxNote 是一款全新的电子书学习工具,助力您的学习与思考,让您的大脑更高效的记忆。

    笔记整理交给我,一心只读圣贤书。

    1 引用 • 1 回帖
  • 架构

    我们平时所说的“架构”主要是指软件架构,这是有关软件整体结构与组件的抽象描述,用于指导软件系统各个方面的设计。另外还有“业务架构”、“网络架构”、“硬件架构”等细分领域。

    142 引用 • 442 回帖
  • Python

    Python 是一种面向对象、直译式电脑编程语言,具有近二十年的发展历史,成熟且稳定。它包含了一组完善而且容易理解的标准库,能够轻松完成很多常见的任务。它的语法简捷和清晰,尽量使用无异义的英语单词,与其它大多数程序设计语言使用大括号不一样,它使用缩进来定义语句块。

    545 引用 • 672 回帖
  • SSL

    SSL(Secure Sockets Layer 安全套接层),及其继任者传输层安全(Transport Layer Security,TLS)是为网络通信提供安全及数据完整性的一种安全协议。TLS 与 SSL 在传输层对网络连接进行加密。

    70 引用 • 193 回帖 • 416 关注
  • Sym

    Sym 是一款用 Java 实现的现代化社区(论坛/BBS/社交网络/博客)系统平台。

    下一代的社区系统,为未来而构建

    524 引用 • 4601 回帖 • 699 关注
  • OnlyOffice
    4 引用 • 3 关注
  • RabbitMQ

    RabbitMQ 是一个开源的 AMQP 实现,服务器端用 Erlang 语言编写,支持多种语言客户端,如:Python、Ruby、.NET、Java、C、PHP、ActionScript 等。用于在分布式系统中存储转发消息,在易用性、扩展性、高可用性等方面表现不俗。

    49 引用 • 60 回帖 • 361 关注
  • 宕机

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

    13 引用 • 82 回帖 • 60 关注
  • Tomcat

    Tomcat 最早是由 Sun Microsystems 开发的一个 Servlet 容器,在 1999 年被捐献给 ASF(Apache Software Foundation),隶属于 Jakarta 项目,现在已经独立为一个顶级项目。Tomcat 主要实现了 JavaEE 中的 Servlet、JSP 规范,同时也提供 HTTP 服务,是市场上非常流行的 Java Web 容器。

    162 引用 • 529 回帖
  • GitBook

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

    3 引用 • 8 回帖
  • WebSocket

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

    48 引用 • 206 回帖 • 317 关注
  • Node.js

    Node.js 是一个基于 Chrome JavaScript 运行时建立的平台, 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动, 非阻塞 I/O 模型而得以轻量和高效。

    139 引用 • 269 回帖 • 29 关注