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

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

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

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

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

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

image.png

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

image.png

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

  • 思源笔记

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

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

    25077 引用 • 103363 回帖

相关帖子

欢迎来到这里!

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

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

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

    1 回复
  • Yanser
    作者

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

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

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

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

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

推荐标签 标签

  • HTML

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

    108 引用 • 295 回帖
  • 外包

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

    26 引用 • 233 回帖 • 1 关注
  • CloudFoundry

    Cloud Foundry 是 VMware 推出的业界第一个开源 PaaS 云平台,它支持多种框架、语言、运行时环境、云平台及应用服务,使开发人员能够在几秒钟内进行应用程序的部署和扩展,无需担心任何基础架构的问题。

    5 引用 • 18 回帖 • 178 关注
  • Kotlin

    Kotlin 是一种在 Java 虚拟机上运行的静态类型编程语言,由 JetBrains 设计开发并开源。Kotlin 可以编译成 Java 字节码,也可以编译成 JavaScript,方便在没有 JVM 的设备上运行。在 Google I/O 2017 中,Google 宣布 Kotlin 成为 Android 官方开发语言。

    19 引用 • 33 回帖 • 82 关注
  • Hprose

    Hprose 是一款先进的轻量级、跨语言、跨平台、无侵入式、高性能动态远程对象调用引擎库。它不仅简单易用,而且功能强大。你无需专门学习,只需看上几眼,就能用它轻松构建分布式应用系统。

    9 引用 • 17 回帖 • 626 关注
  • JetBrains

    JetBrains 是一家捷克的软件开发公司,该公司位于捷克的布拉格,并在俄国的圣彼得堡及美国麻州波士顿都设有办公室,该公司最为人所熟知的产品是 Java 编程语言开发撰写时所用的集成开发环境:IntelliJ IDEA

    18 引用 • 54 回帖 • 1 关注
  • 倾城之链
    23 引用 • 66 回帖 • 162 关注
  • Latke

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

    71 引用 • 535 回帖 • 828 关注
  • 酷鸟浏览器

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

    3 引用 • 59 回帖 • 47 关注
  • Telegram

    Telegram 是一个非盈利性、基于云端的即时消息服务。它提供了支持各大操作系统平台的开源的客户端,也提供了很多强大的 APIs 给开发者创建自己的客户端和机器人。

    5 引用 • 35 回帖
  • SOHO

    为成为自由职业者在家办公而努力吧!

    7 引用 • 55 回帖
  • Angular

    AngularAngularJS 的新版本。

    26 引用 • 66 回帖 • 543 关注
  • abitmean

    有点意思就行了

    36 关注
  • Postman

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

    4 引用 • 3 回帖 • 1 关注
  • Firefox

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

    7 引用 • 30 回帖 • 389 关注
  • Caddy

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

    12 引用 • 54 回帖 • 168 关注
  • 架构

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

    143 引用 • 442 回帖 • 1 关注
  • 京东

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

    14 引用 • 102 回帖 • 317 关注
  • Flume

    Flume 是一套分布式的、可靠的,可用于有效地收集、聚合和搬运大量日志数据的服务架构。

    9 引用 • 6 回帖 • 653 关注
  • WiFiDog

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

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

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

    556 引用 • 675 回帖
  • HBase

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

    17 引用 • 6 回帖 • 61 关注
  • GitBook

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

    3 引用 • 8 回帖
  • Solidity

    Solidity 是一种智能合约高级语言,运行在 [以太坊] 虚拟机(EVM)之上。它的语法接近于 JavaScript,是一种面向对象的语言。

    3 引用 • 18 回帖 • 435 关注
  • AngularJS

    AngularJS 诞生于 2009 年,由 Misko Hevery 等人创建,后为 Google 所收购。是一款优秀的前端 JS 框架,已经被用于 Google 的多款产品当中。AngularJS 有着诸多特性,最为核心的是:MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等。2.0 版本后已经改名为 Angular。

    12 引用 • 50 回帖 • 505 关注
  • OneNote
    1 引用 • 3 回帖
  • 互联网

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

    99 引用 • 367 回帖