爱意满满的作品展示区。
flyPig9527

做了一款回到顶部的 chrome 插件--“滚上去”

  •  
  •   flyPig9527 · Aug 14, 2024 · 4932 views
    This topic created in 811 days ago, the information mentioned may be changed or developed.

    滚上去

    这是一款Chrome 插件,用户进行网站内容浏览时,提供返回顶部按钮,点击后返回到网站顶部。

    github 项目地址
    喜欢的请给 start

    特点

    • 自由开关:自由选择需要使用该功能的网站
    • 自定义文案:用户可以自定义想要的文案
    • 样式丰富:多种样式可供选择

    后续规划

    • 加入离线模式和在线模式,在线模式支持账号登录,多台设备可共享数据
    • 加入多种返回顶部的效果

    示例图

    配置界面

    管理配置的网站

    返回顶部按钮

    使用

    第一种方式

    1. 在 releases 中点击下载压缩包,releases 地址
    2. 解压之后再管理扩展程序界面中拖拽进去尽快

    第二种方式

    Chrome 商店安装即可,点击 滚上去 chrome 商店 进行安装。

    开发

    环境

    node >= 18.19.1
    

    运行

    pnpm dev
    

    打包

    pnpm build
    

    技术栈

    • wxt
    • react
    • vite
    • css modules
    • antd
    48 replies  •  2024-08-22 09:49:57 +08:00
    Oni
    Oni
    Aug 14, 2024 via Android❤️9
    1
    这真不是开玩笑的?还是 HOME 键被扣掉了?
    shinession
    shinession
    Aug 14, 2024❤️1
    2
    一行代码的插件? 手势一下不就回顶部了么? 这功能略显单一
    gzlock
    gzlock
    Aug 14, 2024❤️1
    3
    回到网页顶部可以按键盘的 home 键,快捷好使可以盲操(不过部分非标键盘没有 home 键,所以楼主的扩展还是有一定市场的)

    我来给楼主一个点子
    现在市面上应该没有从顶部回到之前高度的功能(我没调查过哈,印象里没看到过)
    甚至可以记录当前网页多个高度,然后点击一下就滚动到对应高度呢?
    hlwjia
    hlwjia
    Aug 15, 2024❤️3
    4
    @gzlock 更名为:滚来滚去
    gangsta
    gangsta
    Aug 15, 2024❤️3
    5
    差不多 10 年前随便做过一款类似的扩展,发布到 Chrome 商店几年之内也有了几万的安装量,很多人就评论和 feedback 说很好用,以及要求加功能修 bug 之类的,大部分评论语言都是英语,也有一些看不太懂的语言,而其实当时同类型的扩展在商店内不计其数。
    这是一个相当真实的需求,至于最直接的原因也很简单:大多数人根本不知道键盘上的 HOME 键可以返回网页顶部,或者到底是为什么根本不重要。
    K2
    K2
    Aug 15, 2024
    6
    把按钮一分为二,上半部分滚上去,下半部分滚下去。
    MajestySolor
    MajestySolor
    Aug 15, 2024
    7
    都 2024 了竟然还有人不用鼠标手势🤣
    iintothewind
    iintothewind
    Aug 15, 2024
    8
    vimium 插件,操作跟 vim 一样,gg 就是 top ,G 就是 bottom ,不是更好用吗?
    ShinichiYao
    ShinichiYao
    Aug 15, 2024
    9
    罗技刚推出自定义鼠标中间功能的时候就用了中键映射 Home 键
    callv
    callv
    Aug 15, 2024❤️1
    10
    油猴脚本几行代码就可以了
    flyPig9527
    flyPig9527
    OP
    Aug 15, 2024
    11
    @1234rty 第一次知道 home 键能返回的,学到了
    flyPig9527
    flyPig9527
    OP
    Aug 15, 2024
    12
    @MajestySolor 我有这个插件,一般只用返回和后退,以后还是用手势吧
    flyPig9527
    flyPig9527
    OP
    Aug 15, 2024
    13
    @gzyguy 我之前就是油猴脚本自己写的,适配网站要每次都要添加一下,有些麻烦,本来就会写 chrome 插件,索性就做了一个
    flyPig9527
    flyPig9527
    OP
    Aug 15, 2024
    14
    轻点喷,想过这功能过于简单了会有更好的替换方案,没有太多调研,这次是分享一下,有需要的可以用。看了评论区知道很多返回顶部的操作,打破信息差了,学到了很多,谢谢老哥们
    flyPig9527
    flyPig9527
    OP
    Aug 15, 2024
    15
    @gangsta 早期靠信息差赚钱的典型案例
    forty
    forty
    Aug 15, 2024
    16
    OP 什么时候做一款 “脱下来” 的 undress 插件?
    tenclock
    tenclock
    Aug 15, 2024
    17
    @iintothewind #8 是的,而且还有搜索浏览器书签、历史记录等功能
    michael00500011
    michael00500011
    Aug 15, 2024
    18
    @gangsta #5 现在的笔记本大多数都没有独立 home
    Zzdex
    Zzdex
    Aug 15, 2024
    19
    一直在用 vim 插件 gg 上去,G 下去
    gaeco
    gaeco
    Aug 15, 2024
    20
    其实用 vim 插件更方便,gg ,G ,F 操作页面
    spacebound
    spacebound
    Aug 15, 2024
    21
    home 滚上去
    end 滚下来
    gpt5
    gpt5
    Aug 15, 2024
    22
    gg 啊
    mandex
    mandex
    Aug 15, 2024
    23
    我用 vim 插件的 gg, 比 HOME 键顺手一点。
    HOME 键的位置得右手才能按到了。
    w3
    w3
    Aug 15, 2024
    24
    用 Mac 的话 Command + ↑ 就能回到网页顶部了
    archxm
    archxm
    Aug 15, 2024 via Android
    25
    @1234rty 很多时候单手操作鼠标,懒得按键盘。
    不过,我不知是不是插件,我鼠标右键单击回顶部
    ln90s
    ln90s
    Aug 15, 2024
    26
    @archxm 单手操作可以使用 MouseInc 的鼠标手势吧
    sankemao
    sankemao
    Aug 15, 2024
    27
    一直用鼠标手势,按住右键上划到顶,下滑到底
    unco020511
    unco020511
    Aug 15, 2024
    28
    我是有这个需求的,但是你的扩展似乎有 bug 啊
    archxm
    archxm
    Aug 15, 2024 via Android
    29
    @ln90s 不喜欢额外刻意增加大脑负担,所以我不是肌肉型大脑。
    我以前也发帖提出过疑问,为啥没有回到顶部的按钮,当时很多人回帖说按 home ,为了显得自己合群,我也就用 home 了。
    后来无意中发现可以单击鼠标右键,来返回顶部。我装了不少油猴脚本,估计是某个脚本吧。
    ln90s
    ln90s
    Aug 15, 2024
    30
    @archxm 但其实如果你用惯了他会形成一种本能, 并不需要增加大脑负担
    flyPig9527
    flyPig9527
    OP
    Aug 15, 2024
    31
    @unco020511 什么问题
    flyPig9527
    flyPig9527
    OP
    Aug 15, 2024
    32
    @gaeco 不太懂,vim 插件 gg 能操作网站页面回到顶部吗
    lyy16384
    lyy16384
    Aug 15, 2024
    33
    一直在用 Scroll To Top Button ,最近提示即将不受支持,正好在找类似插件,之前我不知道 HOME 键可以回顶部,刚刚试了一下依然觉得不如插件,HOME 键滚动回顶部需要时间,插件是瞬移回去的
    HarperLucky
    HarperLucky
    Aug 15, 2024 via iPhone
    34
    好有意思的小功能
    gaeco
    gaeco
    Aug 15, 2024
    35
    @flyPig9527 可以的
    HuberyPang
    HuberyPang
    Aug 15, 2024
    36
    mac command + 上下按键 可以到顶部和底部
    flyPig9527
    flyPig9527
    OP
    Aug 15, 2024
    37
    @HuberyPang 刚才试了一下,是不错,就是滚动效果有点僵硬
    a1b2c3T
    a1b2c3T
    Aug 16, 2024
    38
    我倒是有个问题哈,为啥企业微信的那个文档按 home 键、ctrl+home 都上不去
    a1b2c3T
    a1b2c3T
    Aug 16, 2024
    39
    @flyPig9527 #13 适配网站应该有正则匹配吧这个
    jamesmi
    jamesmi
    Aug 16, 2024
    40
    其实有些 V2EX 的回复太多了,一直拖动也挺麻烦的。如果能把这个“滚”图标做成动画效果,应该挺好看的。比如“火箭发射”,“鲤鱼跃龙门”,哈哈 hh
    jamesmi
    jamesmi
    Aug 16, 2024
    41
    已安装使用,挺好用的。
    flyPig9527
    flyPig9527
    OP
    Aug 16, 2024
    42
    @a1b2c3T 没有用正则匹配,想要哪个网站应用就点击一下开启,记录是域名,这个域名下的都可以使用
    flyPig9527
    flyPig9527
    OP
    Aug 16, 2024
    43
    @jamesmi 后续有这个计划,现在的功能简洁一些
    a1b2c3T
    a1b2c3T
    Aug 16, 2024
    44
    @flyPig9527 #42 我感觉这种应该设置为默认开启,不想使用的话排除在外,就像 adblock 一样
    flyPig9527
    flyPig9527
    OP
    Aug 19, 2024
    45
    @a1b2c3T 主要是大多数网站还是有这个功能的,就想着默认是不开启的,遇到需要的再手动开启一下
    evada
    evada
    Aug 19, 2024
    46
    看到这个我才知道 home 可以滚上去
    flyPig9527
    flyPig9527
    OP
    Aug 21, 2024
    47
    @jamesmi 现在更新到最新版本 v1.1.0 ,选择第三个火箭样式,鼠标移上去和回到顶部的时候会有动画,可以试一下
    jamesmi
    jamesmi
    Aug 22, 2024
    48
    @flyPig9527 感觉不是动画,是动图啊。至少要从底部串到顶部啊
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1958 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 77ms · UTC 00:04 · PVG 08:04 · LAX 16:04 · JFK 19:04
    ♥ Do have faith in what you're doing.