【可行性研究】鼠标悬浮弹窗能拖动到思源界面之外

本贴最后更新于 407 天前,其中的信息可能已经事过景迁

求一个能使鼠标悬浮弹窗可以拖动到思源界面之外的代码片段。

⭕ 为何需要这个功能?

对于块超链,相比于 悬浮弹窗出现后 → 点击在新窗口打开,直接将悬浮弹窗拖动到思源界面之外的操作逻辑显然顺滑很多。

此外,相比于 新窗口打开,悬浮弹窗还有如下优势:

1- 界面简洁很多。

2- 不会显示文档标题。

3- 点击其中的链接,均可在思源主界面打开。

4- 可以调成一个很小的界面。

上述优势使得我们可以将悬浮弹窗调成一个很小的界面,钉住后当成 dashboard or 比书签灵活度更高的收藏夹 来用。相比之下,新窗口打开的界面调小到一定程度就无法再小了,且点击其中 的链接无法在主界面打开,只能在新窗口打开。

然而,由于现在悬浮弹窗不能移到思源界面之外,直接在界面内钉住会遮挡思源主界面,就导致这个用法无法有效落实。

当然,解放后的悬浮弹窗用法不仅限于此,整体而言,可以大幅增加 使用流畅性 及 桌面空间利用率。故求此代码片段。

image.png

  • 思源笔记

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

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

    21819 引用 • 86728 回帖
  • Q&A

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

    7842 引用 • 35838 回帖 • 181 关注
2 操作
GloR 在 2023-09-15 13:40:47 更新了该帖
GloR 在 2023-09-14 15:47:41 更新了该帖

相关帖子

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • 直接用插件就行了,网页视图,鼠标中键点任意能点的块标就可以小窗了。

    1 回复
  • GloR

    但是那个小窗的界面上部有这么一大片都没法隐藏掉,让本就捉襟见肘的桌面空间雪上加霜(如图)。所以最干净利落的方法 就是让鼠标悬停浮窗能拖到思源界面外。话说这个是很难实现吗?

    image.png

    3 回复
  • 答案是,除非重写,实现不了。能拖出去的小窗和不能是两种概念,前者相当于新开一个应用,后者只是在应用内部新建图层。

    1 回复
  • 用移动端的编辑器好点,如果要更小,建议别开思源。。直接用 quicker 里的快捷录入

  • 网页视图插件好用,不会有你的这一大片

    image.png

    image.png

    1 回复
  • GloR

    嗯,这个我设置过的哦,不过这种设置完全等价于原生新窗口打开,相关缺陷已经在正文中罗列过啦~

    看到其他的回复,没想到浮窗突破边界原来是牵涉到软件底层的一个技术难点,,怪不得

  • GloR 1 赞同

    感谢科普~但是反过来思考,有没有可能对 新窗口打开进行改进 以达到目标效果呢?

    1- 让新窗口打开的最小尺寸可以更小。

    2- 点击新窗口中的链接后,在主窗口打开。

请输入回帖内容 ...

推荐标签 标签

  • Gzip

    gzip (GNU zip)是 GNU 自由软件的文件压缩程序。我们在 Linux 中经常会用到后缀为 .gz 的文件,它们就是 Gzip 格式的。现今已经成为互联网上使用非常普遍的一种数据压缩格式,或者说一种文件格式。

    9 引用 • 12 回帖 • 132 关注
  • Facebook

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

    4 引用 • 15 回帖 • 464 关注
  • DevOps

    DevOps(Development 和 Operations 的组合词)是一组过程、方法与系统的统称,用于促进开发(应用程序/软件工程)、技术运营和质量保障(QA)部门之间的沟通、协作与整合。

    46 引用 • 25 回帖 • 4 关注
  • 服务器

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

    124 引用 • 580 回帖
  • 酷鸟浏览器

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

    3 引用 • 59 回帖 • 28 关注
  • PHP

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

    179 引用 • 407 回帖 • 489 关注
  • iOS

    iOS 是由苹果公司开发的移动操作系统,最早于 2007 年 1 月 9 日的 Macworld 大会上公布这个系统,最初是设计给 iPhone 使用的,后来陆续套用到 iPod touch、iPad 以及 Apple TV 等产品上。iOS 与苹果的 Mac OS X 操作系统一样,属于类 Unix 的商业操作系统。

    84 引用 • 139 回帖 • 1 关注
  • ActiveMQ

    ActiveMQ 是 Apache 旗下的一款开源消息总线系统,它完整实现了 JMS 规范,是一个企业级的消息中间件。

    19 引用 • 13 回帖 • 666 关注
  • Ruby

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

    7 引用 • 31 回帖 • 213 关注
  • FreeMarker

    FreeMarker 是一款好用且功能强大的 Java 模版引擎。

    23 引用 • 20 回帖 • 459 关注
  • 开源

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

    406 引用 • 3570 回帖
  • wolai

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

    2 引用 • 14 回帖 • 1 关注
  • 小薇

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

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

    34 引用 • 467 回帖 • 739 关注
  • ZooKeeper

    ZooKeeper 是一个分布式的,开放源码的分布式应用程序协调服务,是 Google 的 Chubby 一个开源的实现,是 Hadoop 和 HBase 的重要组件。它是一个为分布式应用提供一致性服务的软件,提供的功能包括:配置维护、域名服务、分布式同步、组服务等。

    59 引用 • 29 回帖 • 8 关注
  • SMTP

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

    4 引用 • 18 回帖 • 620 关注
  • 思源笔记

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

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

    21819 引用 • 86725 回帖 • 3 关注
  • 数据库

    据说 99% 的性能瓶颈都在数据库。

    336 引用 • 697 回帖
  • 深度学习

    深度学习(Deep Learning)是机器学习的分支,是一种试图使用包含复杂结构或由多重非线性变换构成的多个处理层对数据进行高层抽象的算法。

    52 引用 • 40 回帖
  • 反馈

    Communication channel for makers and users.

    123 引用 • 911 回帖 • 235 关注
  • Ant-Design

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

    17 引用 • 23 回帖
  • Spring

    Spring 是一个开源框架,是于 2003 年兴起的一个轻量级的 Java 开发框架,由 Rod Johnson 在其著作《Expert One-On-One J2EE Development and Design》中阐述的部分理念和原型衍生而来。它是为了解决企业应用开发的复杂性而创建的。框架的主要优势之一就是其分层架构,分层架构允许使用者选择使用哪一个组件,同时为 JavaEE 应用程序开发提供集成的框架。

    942 引用 • 1459 回帖 • 42 关注
  • 小说

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

    28 引用 • 108 回帖 • 2 关注
  • WebSocket

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

    48 引用 • 206 回帖 • 356 关注
  • RIP

    愿逝者安息!

    8 引用 • 92 回帖 • 342 关注
  • 知乎

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

    10 引用 • 66 回帖 • 2 关注
  • 30Seconds

    📙 前端知识精选集,包含 HTML、CSS、JavaScript、React、Node、安全等方面,每天仅需 30 秒。

    • 精选常见面试题,帮助您准备下一次面试
    • 精选常见交互,帮助您拥有简洁酷炫的站点
    • 精选有用的 React 片段,帮助你获取最佳实践
    • 精选常见代码集,帮助您提高打码效率
    • 整理前端界的最新资讯,邀您一同探索新世界
    488 引用 • 383 回帖 • 5 关注
  • 智能合约

    智能合约(Smart contract)是一种旨在以信息化方式传播、验证或执行合同的计算机协议。智能合约允许在没有第三方的情况下进行可信交易,这些交易可追踪且不可逆转。智能合约概念于 1994 年由 Nick Szabo 首次提出。

    1 引用 • 11 回帖