xing/tampermonkey-script
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

面板高度改为自动适应可见区域

Browse Source
This commit is contained in:
example 2019-06-11 12:27:31 +08:00
parent e489b85206
commit cbe4fa9f00
2 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
translate/translate-dictionary.js
View File

@ -1,7 +1,7 @@
// ==UserScript== // ==UserScript==
// @name 划词翻译：多词典查询 // @name 划词翻译：多词典查询
// @namespace http://tampermonkey.net/ // @namespace http://tampermonkey.net/
// @version 5.5 // @version 5.6
// @description 划词翻译调用“有道词典（有道翻译）、金山词霸、Bing 词典（必应词典）、剑桥高阶、沪江小D、谷歌翻译” // @description 划词翻译调用“有道词典（有道翻译）、金山词霸、Bing 词典（必应词典）、剑桥高阶、沪江小D、谷歌翻译”
// @author https://github.com/barrer // @author https://github.com/barrer
// @match http://*/* // @match http://*/*
@ -43,7 +43,7 @@
tr-audio{display:block;margin-bottom:5px} tr-audio{display:block;margin-bottom:5px}
tr-audio a{margin-right:1em;font-size:80%} tr-audio a{margin-right:1em;font-size:80%}
tr-audio a:last-of-type{margin-right:auto} tr-audio a:last-of-type{margin-right:auto}
tr-content{display:block;max-width:300px;max-height:200px;width:300px;height:200px;overflow-x:auto;overflow-y:scroll;background:white;padding:2px 8px;margin-top:5px;box-sizing:content-box;font-family:"Helvetica Neue","Helvetica","Arial","sans-serif";font-size:13px;font-weight:normal;line-height:normal;-webkit-font-smoothing:auto;font-smoothing:auto;text-rendering:auto} tr-content{display:block;max-width:300px;width:300px;overflow-x:hidden;overflow-y:scroll;background:white;padding:2px 8px;margin-top:5px;box-sizing:content-box;font-family:"Helvetica Neue","Helvetica","Arial","sans-serif";font-size:13px;font-weight:normal;line-height:normal;-webkit-font-smoothing:auto;font-smoothing:auto;text-rendering:auto}
tr-engine~tr-engine{margin-top:1em} tr-engine~tr-engine{margin-top:1em}
tr-engine .title{color:#00c;display:inline-block;font-weight:bold} tr-engine .title{color:#00c;display:inline-block;font-weight:bold}
tr-engine .title:hover{text-decoration:none} tr-engine .title:hover{text-decoration:none}
@ -608,8 +608,8 @@
} }
/**显示内容面板*/ /**显示内容面板*/
function displayContent() { function displayContent() {
var panelWidth = 316 + 8; // icon 展开后总宽度 var panelWidth = 316 + 8; // icon 展开后总宽度(8:冗余距离)
var panelHeight = 231 + 8; // icon 展开后总高度 var panelHeight = 0; // icon 展开后总高度
// 计算位置 // 计算位置
log('content position:', log('content position:',
'window.scrollY', window.scrollY, 'window.scrollY', window.scrollY,
@ -645,6 +645,10 @@
if (!clientWidth) { // 网页缩放导致可能数组为空（[0] 为 undefined） if (!clientWidth) { // 网页缩放导致可能数组为空（[0] 为 undefined）
clientWidth = parseInt(window.innerWidth); clientWidth = parseInt(window.innerWidth);
} }
// 计算“icon 展开后总高度”、内容高度
panelHeight = clientHeight - 8; // (8:冗余距离)
content.style.height = (panelHeight - 22 - 5 - 2 * 2 - 12) + 'px'; // 22:图标高度, 5:margin, 2*2:padding, 12:box-shadow
// 设置新的位置
var iconNewTop = -1; var iconNewTop = -1;
if (parseInt(icon.style.top) < scrollTop) { if (parseInt(icon.style.top) < scrollTop) {
log('Y adjust top'); log('Y adjust top');

BIN
translate/translate-dictionary.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 62 KiB

After

Width:  |  Height:  |  Size: 102 KiB