[推荐] 用拖曳的方式滑动网页和鼠标滚轮平滑滚动

楼主: mayuyu ((・ω・)ノ)   2015-01-10 21:09:37
如果你习惯手机上以手指滑动来滚动画面的操作方式,
用没有触控功能的装置可能会觉得要移动鼠标到侧边的卷动条上
才能拉动画面很麻烦,如果在任意位置都可以用拖曳的方式
来平滑卷动画面,操作上会应该会更便利。
Firefox和Chrome都有扩展可以让我们用鼠标模拟触控萤幕的滑动
方式来卷动网页,也可以用滚轮来达成类似手机上平滑滚动的效果。
1.用拖曳的方式滑动网页
安装拖曳滑动的扩展,便可以在没有触控功能的设备上,
用拖曳的方式上下左右滑动画面,使画面惯性的卷动,
就像在手机上用手指滑动萤幕的效果。
这样就可以在画面上任何位置,都可以拖动网页,
而不用移动鼠标到最旁边的卷动条上,才能卷动画面。
Fx扩展 Grab and Drag http://ppt.cc/KMwm
Chrome扩展 chromeTouch http://ppt.cc/0~WS
你可以选择是要按住左键来拖动画面,
还是按住中键来拖动画面,或者是按住右键来拖动画面。
由于我的右键已经给FireGestures使用,
中键又不好按,所以我是设定用左键来拖曳画面。
不过选取文字的时候同样需要用到左键,
所以必须设定在文字区的时候启用或禁用拖曳的功能。
我的设定(Grab and Drag):
启用惯性卷动
启用文字切换
不要拖曳连结(拖曳连结开新分页用Easy DragToGo处理)
Easy DragToGo http://ppt.cc/BuCH
文字切换 当光标在文字区水平拖曳或点击时,切换为文字选择模式。
当光标在非文字区拖曳或点击时,切换为拖曳模式。
(也可以设定为当光标移动到文字区时自动切换为文字选择模式,
离开文字区时自动切换为拖曳模式,不过我觉得点击切换比较好用)
拖曳倍率 4倍(鼠标实际移动距离和画面卷动距离的倍率,
倍率越高的话鼠标移动一点点距离画面就会上下卷动更大的范围)
惯性卷动 时间敏感度和减速敏感度都是最小
摩擦力则是6
黑名单 排除在BBSFox的telnet://*、ssh://*页面上使用拖曳
开启拖曳模式时,要选取超连结上的文字会变得很不好选取,
可以点击Grab and Drag的工具按钮来暂时关闭拖曳,
不过要移动到Grab and Drag的按钮上去做点击也很麻烦,
所以可以新增一个FireGestures的脚本手势,
在原地很小的范围内按住鼠标右键画一个手势,
就可以切换Grab and Drag的启用/关闭状态。
第一种方法:
新增一个FireGestures的脚本手势,
内容为送出Grab and Drag的切换开关命令:
gadGrabAndDragExtension.gadToggle();
第二种方法,用FireGestures送出热键,
Grab and Drag有提供热键来切换启用禁用状态,
默认是alt+shift+D,用FireGestures画一个手势来送出alt+shift+D,
由于控制热键不能用FireGestures的sendKeyEvent,
所以内容必须写成下面这样:
var evt = document.createEvent("KeyEvents");
evt.initKeyEvent(
"keydown",
true,
true,
null,
false, // holds Ctrl key
true, // holds Alt key
true, // holds Shift key
false, // holds Meta key
evt.DOM_VK_D, // presses a special key,
0 // presses a normal key, e.g. "A".charCodeAt(0),
);
gBrowser.contentDocument.documentElement.dispatchEvent(evt);;
这样就可以在原地画手势随时切换开关了。
2.使用鼠标滚轮来平滑滚动
习惯使用滚轮的话,也可以用鼠标滚轮来做到手机上的
平滑卷动和惯性滚动的效果。
Fx扩展 Yet Another Smooth Scrolling http://ppt.cc/VzUk
Chrome扩展 Chromium Wheel Smooth Scroller http://ppt.cc/mSlW
我的设定:
卷动的范围大小 150
平滑度卷动开始瞬间 最小
平滑度 89.0
加速敏感度 416
黑名单 排除
www.plurk.com/*
*.jpg
*.png
....等等
因为我有用ImageTweak扩展 http://ppt.cc/Npll
在新分页开启图片的时候滚轮是放大缩小图片用的,
所以要排除Yet Another Smooth Scrolling在图片上作用。
作者: abccbaandy (敏)   2015-01-10 21:26:00
chromeTouch 侦测文字的功能常常失效...
楼主: mayuyu ((・ω・)ノ)   2015-01-10 23:27:00
chromeTouch在twitter的右侧也不能拖曳我觉得Grab and Drag的点击切换模式比较好用而且在firefox上滚动非常顺不知道chrome上有没有其他比较好用的模拟触控滑动的扩展
作者: dosvidania (腥风血雨)   2015-01-11 17:03:00
2. SmoothScroll 也不错 默认就很好用
作者: sate5232 (Hao)   2015-01-12 17:54:00
推 Grab and Drag 从当初Fx1.5就用到现在
楼主: mayuyu ((・ω・)ノ)   2015-01-12 19:58:00
Grab and Drag在Pocket和Evernote Clearly页面上看文章可以滚来滚去的 真的超方便感觉好像在用平板app

Links booklink

Contact Us: admin [ a t ] ucptt.com