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

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

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

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

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


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

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

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

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

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

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

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

  • 思源笔记

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

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

    26277 引用 • 109249 回帖

相关帖子

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • 我看视频里面是没有动态滚动条的,因此不存在动态加载,应该不存在卡顿的问题,重启思源以后还卡么?

    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

推荐标签 标签

  • Vditor

    Vditor 是一款浏览器端的 Markdown 编辑器,支持所见即所得、即时渲染(类似 Typora)和分屏预览模式。它使用 TypeScript 实现,支持原生 JavaScript、Vue、React 和 Angular。

    373 引用 • 1858 回帖 • 1 关注
  • Solo

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

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

    1444 引用 • 10083 回帖 • 506 关注
  • Outlook
    1 引用 • 5 回帖 • 2 关注
  • 支付宝

    支付宝是全球领先的独立第三方支付平台,致力于为广大用户提供安全快速的电子支付/网上支付/安全支付/手机支付体验,及转账收款/水电煤缴费/信用卡还款/AA 收款等生活服务应用。

    29 引用 • 347 回帖
  • 星云链

    星云链是一个开源公链,业内简单的将其称为区块链上的谷歌。其实它不仅仅是区块链搜索引擎,一个公链的所有功能,它基本都有,比如你可以用它来开发部署你的去中心化的 APP,你可以在上面编写智能合约,发送交易等等。3 分钟快速接入星云链 (NAS) 测试网

    3 引用 • 16 回帖
  • Redis

    Redis 是一个开源的使用 ANSI C 语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value 数据库,并提供多种语言的 API。从 2010 年 3 月 15 日起,Redis 的开发工作由 VMware 主持。从 2013 年 5 月开始,Redis 的开发由 Pivotal 赞助。

    284 引用 • 248 回帖
  • Flutter

    Flutter 是谷歌的移动 UI 框架,可以快速在 iOS 和 Android 上构建高质量的原生用户界面。 Flutter 可以与现有的代码一起工作,它正在被越来越多的开发者和组织使用,并且 Flutter 是完全免费、开源的。

    39 引用 • 92 回帖 • 10 关注
  • 京东

    京东是中国最大的自营式电商企业,2015 年第一季度在中国自营式 B2C 电商市场的占有率为 56.3%。2014 年 5 月,京东在美国纳斯达克证券交易所正式挂牌上市(股票代码:JD),是中国第一个成功赴美上市的大型综合型电商平台,与腾讯、百度等中国互联网巨头共同跻身全球前十大互联网公司排行榜。

    14 引用 • 102 回帖 • 314 关注
  • OpenCV
    15 引用 • 36 回帖
  • IPFS

    IPFS(InterPlanetary File System,星际文件系统)是永久的、去中心化保存和共享文件的方法,这是一种内容可寻址、版本化、点对点超媒体的分布式协议。请浏览 IPFS 入门笔记了解更多细节。

    20 引用 • 245 回帖 • 232 关注
  • JVM

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

    180 引用 • 120 回帖 • 3 关注
  • Oracle

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

    107 引用 • 127 回帖 • 344 关注
  • SQLite

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

    4 引用 • 7 回帖
  • 服务器

    服务器,也称伺服器,是提供计算服务的设备。由于服务器需要响应服务请求,并进行处理,因此一般来说服务器应具备承担服务并且保障服务的能力。

    125 引用 • 585 回帖 • 1 关注
  • App

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

    91 引用 • 384 回帖
  • Ant-Design

    Ant Design 是服务于企业级产品的设计体系,基于确定和自然的设计价值观上的模块化解决方案,让设计者和开发者专注于更好的用户体验。

    17 引用 • 23 回帖 • 2 关注
  • BAE

    百度应用引擎(Baidu App Engine)提供了 PHP、Java、Python 的执行环境,以及云存储、消息服务、云数据库等全面的云服务。它可以让开发者实现自动地部署和管理应用,并且提供动态扩容和负载均衡的运行环境,让开发者不用考虑高成本的运维工作,只需专注于业务逻辑,大大降低了开发者学习和迁移的成本。

    19 引用 • 75 回帖 • 680 关注
  • MongoDB

    MongoDB(来自于英文单词“Humongous”,中文含义为“庞大”)是一个基于分布式文件存储的数据库,由 C++ 语言编写。旨在为应用提供可扩展的高性能数据存储解决方案。MongoDB 是一个介于关系数据库和非关系数据库之间的产品,是非关系数据库当中功能最丰富,最像关系数据库的。它支持的数据结构非常松散,是类似 JSON 的 BSON 格式,因此可以存储比较复杂的数据类型。

    91 引用 • 59 回帖 • 1 关注
  • 小薇

    小薇是一个用 Java 写的 QQ 聊天机器人 Web 服务,可以用于社群互动。

    由于 Smart QQ 从 2019 年 1 月 1 日起停止服务,所以该项目也已经停止维护了!

    35 引用 • 468 回帖 • 764 关注
  • Ngui

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

    7 引用 • 9 回帖 • 407 关注
  • 博客

    记录并分享人生的经历。

    273 引用 • 2389 回帖
  • GitHub

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

    209 引用 • 2040 回帖
  • 招聘

    哪里都缺人,哪里都不缺人。

    188 引用 • 1057 回帖 • 2 关注
  • TextBundle

    TextBundle 文件格式旨在应用程序之间交换 Markdown 或 Fountain 之类的纯文本文件时,提供更无缝的用户体验。

    1 引用 • 2 回帖 • 83 关注
  • Lute

    Lute 是一款结构化的 Markdown 引擎,支持 Go 和 JavaScript。

    29 引用 • 202 回帖 • 29 关注
  • B3log

    B3log 是一个开源组织,名字来源于“Bulletin Board Blog”缩写,目标是将独立博客与论坛结合,形成一种新的网络社区体验,详细请看 B3log 构思。目前 B3log 已经开源了多款产品:SymSoloVditor思源笔记

    1062 引用 • 3455 回帖 • 149 关注
  • 友情链接

    确认过眼神后的灵魂连接,站在链在!

    24 引用 • 373 回帖 • 2 关注