悬浮的内容直接显示在侧边栏

本贴最后更新于 1176 天前,其中的信息可能已经时异事殊

我有个想法,就是将悬浮的内容直接显示在侧边栏(也许可以创建一个悬浮栏,重要的是固定在那),而不是直接弹出来。我觉得现在这样的悬浮显示不是很方便。

1)弹出位置不固定,虽然位置临近触发点,但是看着排版乱,几乎每次都要调整位置-小强迫症)

2)遮挡。其实悬浮弹出的内容一般会挡住你原来的内容的,这意味着你的注意力必须转移到弹出的内容上,你被打断了原来的节奏,如果你需要穿插查看弹出内容和原内容,你必须反复地「悬浮」和「离开」,如果可以将悬浮内容移至侧边栏(或悬浮栏?),就可以「悬浮一次,反复查看」,而且不会打断正在进行的阅读,就可以在当前小段阅读结束后连贯地转过去看「拓展/解释」。需要穿插查看时应该「转移视线」而不是「重新悬浮 + 转移视线」。

3)有个「钉住」的功能似乎可以解决「反复悬浮」的情况,但是会出现更多的问题。无法调整相对层级,难以管理多个页面,需要不断调整位置等等。

image.png

4)我个人更倾向将「悬浮内容」放在一个「固定的容器里-悬浮栏?」,专门放置悬浮的内容,跟编辑栏一样,可以多页面,悬浮页面提供一个固定的按钮将页面固定在容器里,新的悬浮会直接取代当前悬浮页面(如果当前悬浮页没有被固定的话),同一悬浮只能同时存在一个,这样就不会出现反复新增的情况。

image.png

5)当然这可以做成「开关选项」,需要的自行开启。这样就不会强行改掉原来用户的习惯。

  • 思源笔记

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

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

    23031 引用 • 92648 回帖 • 1 关注

相关帖子

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • 你好,如果需要新开窗口查看引用的话可以试下按住 Shift 点击引用。也就是说,如果需要“常驻”查看引用的窗口,那么可以用 Shift 来打开,如果只是需要临时查看,就用悬浮预览。

    上面两个用法基本已经覆盖大部分习惯场景了,所以单独用来打开引用的面板估计不会考虑,感谢反馈。

    1 回复
  • 其他回帖
  • 我们再考虑一段时间看看,也许这段时间内还有其他用户有这方面的反馈建议。就目前的开发计划来看,短期内应该是不会直接支持的,感谢理解。

  • Yanser
    作者

    用了一下 Shift+ 点击,发现几个问题(仅对于我想要的效果来说)

    1)这样点击会不断新增侧边栏,需要手动合并或者关闭。

    2)我的目的是点击,而点击之前可能会被误认为「悬浮」,弹出悬浮预览。能否提供一个开关(或快捷键?)用于阻止「悬浮」预览事件的发生?或者提供给用户「调节悬浮预览灵敏度」的功能?

    3)我想要侧边栏显示的的是「无上下文」(聚焦)的内容(主要是块引用),而 Shift+ 点击会直接显示全文(对获取目标信息造成干扰)能否提供设置用于改变点击显示的默认内容(是否包含上下文/是否聚焦)?

    1 回复

推荐标签 标签

  • Caddy

    Caddy 是一款默认自动启用 HTTPS 的 HTTP/2 Web 服务器。

    12 引用 • 54 回帖 • 159 关注
  • Redis

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

    286 引用 • 248 回帖 • 44 关注
  • Hexo

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

    21 引用 • 140 回帖 • 3 关注
  • 知乎

    知乎是网络问答社区,连接各行各业的用户。用户分享着彼此的知识、经验和见解,为中文互联网源源不断地提供多种多样的信息。

    10 引用 • 66 回帖 • 1 关注
  • jQuery

    jQuery 是一套跨浏览器的 JavaScript 库,强化 HTML 与 JavaScript 之间的操作。由 John Resig 在 2006 年 1 月的 BarCamp NYC 上释出第一个版本。全球约有 28% 的网站使用 jQuery,是非常受欢迎的 JavaScript 库。

    63 引用 • 134 回帖 • 724 关注
  • Ruby

    Ruby 是一种开源的面向对象程序设计的服务器端脚本语言,在 20 世纪 90 年代中期由日本的松本行弘(まつもとゆきひろ/Yukihiro Matsumoto)设计并开发。在 Ruby 社区,松本也被称为马茨(Matz)。

    7 引用 • 31 回帖 • 216 关注
  • 旅游

    希望你我能在旅途中找到人生的下一站。

    93 引用 • 899 回帖 • 1 关注
  • Postman

    Postman 是一款简单好用的 HTTP API 调试工具。

    4 引用 • 3 回帖 • 9 关注
  • Scala

    Scala 是一门多范式的编程语言,集成面向对象编程和函数式编程的各种特性。

    13 引用 • 11 回帖 • 138 关注
  • MongoDB

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

    90 引用 • 59 回帖 • 4 关注
  • jsoup

    jsoup 是一款 Java 的 HTML 解析器,可直接解析某个 URL 地址、HTML 文本内容。它提供了一套非常省力的 API,可通过 DOM,CSS 以及类似于 jQuery 的操作方法来取出和操作数据。

    6 引用 • 1 回帖 • 483 关注
  • Shell

    Shell 脚本与 Windows/Dos 下的批处理相似,也就是用各类命令预先放入到一个文件中,方便一次性执行的一个程序文件,主要是方便管理员进行设置或者管理用的。但是它比 Windows 下的批处理更强大,比用其他编程程序编辑的程序效率更高,因为它使用了 Linux/Unix 下的命令。

    123 引用 • 74 回帖 • 1 关注
  • Gitea

    Gitea 是一个开源社区驱动的轻量级代码托管解决方案,后端采用 Go 编写,采用 MIT 许可证。

    4 引用 • 16 回帖
  • Webswing

    Webswing 是一个能将任何 Swing 应用通过纯 HTML5 运行在浏览器中的 Web 服务器,详细介绍请看 将 Java Swing 应用变成 Web 应用

    1 引用 • 15 回帖 • 637 关注
  • Mobi.css

    Mobi.css is a lightweight, flexible CSS framework that focus on mobile.

    1 引用 • 6 回帖 • 745 关注
  • Q&A

    提问之前请先看《提问的智慧》,好的问题比好的答案更有价值。

    8454 引用 • 38507 回帖 • 155 关注
  • 单点登录

    单点登录(Single Sign On)是目前比较流行的企业业务整合的解决方案之一。SSO 的定义是在多个应用系统中,用户只需要登录一次就可以访问所有相互信任的应用系统。

    9 引用 • 25 回帖
  • WebComponents

    Web Components 是 W3C 定义的标准,它给了前端开发者扩展浏览器标签的能力,可以方便地定制可复用组件,更好的进行模块化开发,解放了前端开发者的生产力。

    1 引用 • 3 关注
  • Quicker

    Quicker 您的指尖工具箱!操作更少,收获更多!

    34 引用 • 148 回帖 • 1 关注
  • 星云链

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

    3 引用 • 16 回帖 • 6 关注
  • gRpc
    11 引用 • 9 回帖 • 70 关注
  • Notion

    Notion - The all-in-one workspace for your notes, tasks, wikis, and databases.

    7 引用 • 40 回帖
  • NetBeans

    NetBeans 是一个始于 1997 年的 Xelfi 计划,本身是捷克布拉格查理大学的数学及物理学院的学生计划。此计划延伸而成立了一家公司进而发展这个商用版本的 NetBeans IDE,直到 1999 年 Sun 买下此公司。Sun 于次年(2000 年)六月将 NetBeans IDE 开源,直到现在 NetBeans 的社群依然持续增长。

    78 引用 • 102 回帖 • 684 关注
  • PostgreSQL

    PostgreSQL 是一款功能强大的企业级数据库系统,在 BSD 开源许可证下发布。

    22 引用 • 22 回帖 • 2 关注
  • Thymeleaf

    Thymeleaf 是一款用于渲染 XML/XHTML/HTML5 内容的模板引擎。类似 Velocity、 FreeMarker 等,它也可以轻易的与 Spring 等 Web 框架进行集成作为 Web 应用的模板引擎。与其它模板引擎相比,Thymeleaf 最大的特点是能够直接在浏览器中打开并正确显示模板页面,而不需要启动整个 Web 应用。

    11 引用 • 19 回帖 • 364 关注
  • Log4j

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

    20 引用 • 18 回帖 • 30 关注
  • 996
    13 引用 • 200 回帖 • 11 关注