苹果 Safari 和 Chrome 浏览器扩展：Scroll To Top Button

最新推荐文章于 2024-09-30 14:55:38 发布
最新推荐文章于 2024-09-30 14:55:38 发布
阅读量259 收藏
点赞数
文章标签： 操作系统
原文链接：https://my.oschina.net/syktem/blog/102105
版权

为什么80%的码农都做不了架构师？>>>   hot3.png

Mac技巧之在网页边缘自动出现一键回到顶部和底部箭头按钮的

Scroll To Top Button 是款非常实用的苹果 Safari 和 Google Chrome 浏览器扩展，能在网页边缘自动生成一个箭头按钮，点击即可回到网页顶部或底部，不用手指狂转鼠标滚轮了。箭头按钮的位置、颜色、大小等都能自定义。我安装后最初只有回到顶部的按钮，形状也和自定义的不一样，重启后 OK 了。不知是不是个案，因为苹果 Safari 浏览器装扩展是不需要重启，当时就生效的。

 

Scroll To Top Button 下载地址 http://scrolltotopbutton.com

题外话：苹果电脑 Mac OS X 系统上，默认的回到顶部或底部快捷键是 command + 上下方向键，不用装扩展直接能用。不过毕竟不如鼠标点箭头按钮方便，而且很多人不知道或者想不起来这组快捷键。

 

转载于:https://my.oschina.net/syktem/blog/102105

ducode
关注
浏览器滚动条样式（谷歌,Safari，火狐，IE）整理
HwH66998的博客
08-31 2093
谷歌||苹果（webkit） 补充 ::-webkit-scrollbar — 整个滚动条. ::-webkit-scrollbar-button — 滚动条上的按钮 (上下箭头). ::-webkit-scrollbar-thumb — 滚动条上的滚动滑块. ::-webkit-scrollbar-track — 滚动条轨道. ::-webkit-scrollbar-track-piece — 滚动条没有滑块的轨道部分. ::-webkit-scrollbar-corner — 当同时有垂直滚动条和水平滚
HTML5和CSS3 WEB技术开发
张晨光老师的播客
01-02 6473
B站视频参考：https://www.bilibili.com/video/BV1H44y1k7ze/[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Uwbid43Z-1672665963237)(asseits/image-20210831212039584.png)]HTML:超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用。 HTML 不是一种编程语言（C、Java、python、R等），而是一种标记语言 (markup
Scroll To Top Button-crx插件
04-02
语言:English (United States),Nederlands,Türkçe,polski,čeština,русский,中文 (简体) 添加一个滚动到顶部/底部的按钮。 滚动到顶部按钮的含义远不止于其名称：可用的自定义---------按钮模式-仅滚动到顶部-在顶部和底部之间翻转-双箭头（滚动到顶部和底部）-仅键盘-上/下滚动速度-外观距离-按钮大小-按钮设计-按钮位置-不活动的按钮不透明度-键盘快捷键-语言隐私--------此扩展名不读取，更改，存储或传输任何内容您来自任何站点或您计算机上的个人数据（例如，登录名，密码，消息，联系人），绝对采用任何形式。 免费的开源扩展。 权限--------安装后不需要任何权限。 在“选项”中，如果您决定尝试高度可定制的专家按钮模式-可以通过将按钮添加到所有页面上来工作的模式，除非您选择对某些页面或网站禁用该按钮-将要求以下权限：“阅读并更改您访问的网站上的所有数据”用于将按钮本身，按钮的逻辑及其设计属性添加到所有网站上，而无需您执行额外的操作。 “阅读您的浏览历史记录”用于检查选项卡的URL：1）在某些默认网站上，由于按钮在那里
制作一个滚动至顶部按钮
2301_76675652的博客
01-06 700
在网页设计中，滚动至顶部按钮是一种常见的用户界面元素，允许用户轻松返回页面的顶部位置。本篇博客将向您展示如何制作一个滚动至顶部按钮，并附上相应的 HTML、CSS 和 JavaScript 代码。
100-volume-master-2021-03-25
zhaoolee的CSDN博客
03-25 257
title 100《Volume master》完美控制每个网页的音量 得益于Web技术的进步， 我们可以在浏览器中看视频听音乐， 但每个视频网站，甚至视频网站的音量都不太统一，我们需要时不时地调整音量大小。大多数网站的视频播放器都支持调整音量，但有很多视频即使调整到100%，声音依然不够大... 这里推荐一个名为《Volume mas...
1024快乐！浅谈scrollTop需要踩的坑
flitrue的博客
10-24 578
对于没有实战过的同学来说，scrollTop使用起来会有一些小坑，今天借着1024节帮大家填一下坑。
如何使用CSS实现一个平滑滚动到页面顶部的效果（回到顶部按钮）？
官方推荐
08-27 9703
如何使用CSS实现一个平滑滚动到页面顶部的效果（回到顶部按钮）？
CSS3---移动端苹果安卓适配
weixin_45343884的博客
09-20 1775
常见苹果适配问题： 【问题1】：iPhone页面会自动把数字当成电话号码，点击后自动跳到电话拨号界面 ♥♥♥方案：<meta name="format-detection" content="telephone=no" /> 【问题2】微信浏览器自动调整页面字体大小 ♥♥♥方案：禁止微信浏览器调整页面字体大小: body{ -webkit-text-size-adjust...
2022年最新前端面试题（大前端时代来临卷起来吧小伙子们..持续维护走到哪记到哪）
m0_55613022的博客
02-24 3196
HTML和Css部分 1、对BFC规范（块级格式化上下文）的理解 BFC 块级格式化上下文 一块独立的区域，有自己的规则，bfc中的元素与外界的元素互不影响 BFC是一块用来独立的布局环境，保护其中内部元素不受外部影响，也不影响外部。 怎么触发BFC 1. float的值left或right 2. overflow的值不为visible（默认） 3. display的值为inline-block、table-cell、table-caption 4. position的值为absolute（绝对定位）或f
微信小程序视图组件scroll-view滚动条隐藏
aspire_cj的博客
07-17 915
描述 ::-webkit-scrollbar CSS伪类选择器影响了一个元素的滚动条的样式 webkit支持拥有overflow属性的区域，列表框，下拉菜单，textarea的滚动条自定义样式。 ::-webkit-scrollbar 仅仅在支持WebKit的浏览器 (例如, 谷歌Chrome, 苹果Safari)可以使用。 、以下伪元素选择器去修改各式webkit浏览器的一个wxss文件的demo: ./scrollbar.wxss ... .scroll-view { width: 94.
如何一键直达页面顶部或底部？
毕小烦的学习笔记
06-23 9780
我们在浏览网页时，可能会想快速到达页面的顶部或底部，该怎么做呢？ 用 Scroll To Top Button。 简介 Scroll To Top Button 是一款浏览器插件，支持 Chrome、FireFox、Edge、Opera，它能够让你快速到达页面的顶部或底部，可以选择使用按钮或快捷键。 基本信息 名称 Scroll To Top Button 版本 10.0.3 浏览器插件
把Safari当chrome用（插件篇）
尾尾部落
09-02 8037
1. Markdown Here Write email in Markdown, and then make it pretty. 主页：http://markdown-here.com 点评：在网页的编辑器中用markdown的语法输入内容，然后右击选择Markdown Toggle或者按下markdown here插件的图标或者按下...
scroll-view 中scroll-top设置无效对问题
qq_44986635的博客
03-26 4694
初次使用scroll-view 中scroll-top，结果发现没有效果，所以在网上搜了一下，发现有问题的人还挺多的，所以就在此说明一下 <scroll-view class="left-navbar" scroll-y="true"> <view wx:for="{{list}}" class="{{ currentTab == in...
scrollTo方法的平滑滚动
热门推荐
令瑞斌
06-27 3万+
scrollTo有两种语法： 1.scrollTo(x,y) //指定滚动到x轴和y轴的位置 2.scrollTo(options) //options有三个参数，（left,top,behavior ）, top 等同于 y-coord left 等同于 x-coord behavior 类型String,表示滚动行为,支持参数 smooth(平滑滚动),instant(瞬间滚动),...
uni-app中scroll-view的scroll-top不生效问题(已解决)
dujyong的博客
04-10 7315
uni-app中scroll-view的scroll-top不生效问题(已解决) 项目中有聊天功能,每次收到消息需将滚动条固定在屏幕最底端,让最新的消息展示出来.使用到了scroll-view,但是他的scroll-top属性一直不生效.将其赋值为动态绑定的值也不生效,甚至每次收到消息都将它重新赋值都没有用. 上代码: 后来在文档中发现了这个东西,: 好吧.每次收到消息将它加1 ,ok,生效了...
鸿蒙开发（NEXT/API 12）【申请接入Wear Engine服务】 穿戴服务
最新发布
鸿蒙的技术博客
09-30 828
申请Wear Engine服务前（开发者需实名认证为个人开发者或者企业开发者，认证前，请先了解二者的[权益区别] ），确认开发环境并完成创建项目、创建HarmonyOS应用等基本准备工作，再继续进行以下开发活动。
Linux 性能优化之CPU 多级缓存
山河已无恙
09-30 892
博文内容为 Linux CPU 多级缓存认知内容涉及：什么是CPU多级缓存认知，CPU 硬件缓存信息，缓存流程写入策略，映射算法认知CPU 缓存分析，使用 valgring 和 Perf 分析CPU 缓存命中情况编码方面 CPU 缓存优化，数据指令缓存，多核缓存命中率优化方式理解不足小伙伴帮忙指正 😃,生活加油哦99%的焦虑都来自于虚度时间和没有好好做事，所以唯一的解决办法就是行动起来，认真做完事情，战胜焦虑，战胜那些心里空荡荡的时刻，而不是选择逃避。
overflow: scroll;兼容所以浏览器写法
05-25
以下是兼容多种浏览器的 `overflow: scroll;` 的写法： ``` /* IE 6/7/8 */ overflow: auto; /* Firefox */ overflow: -moz-scrollbars-vertical; /* Chrome/Safari/Opera */ overflow: auto; /* IE 11 */ -ms-overflow-style: scrollbar; /* Edge */ scrollbar-width: thin; /* "auto" or "thin" */ ``` 注意：由于不同浏览器对 `overflow` 属性的实现有所不同，因此可能需要根据具体情况选择不同的写法。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值