SearchJumper
SearchJumper copied to clipboard
showTips预览链接窗口高度有问题
不知从什么时候开始,showTips预览链接的窗口高度出现了问题,并不是搜索引擎设置中所设置的值 请看截图,预览链接窗口高度并不是设置的90vh,而且有两个滚动条
已用空白浏览器配置测试,Win11 + Firefox/Edge+Violentmonkey 都是这样
搜索引擎
showTips:
<style>
.search-jumper-tips{
background: unset;
box-shadow: unset;
max-width: unset;
width: auto;
position: fixed !important;
top: 5vh !important;
left: 5vw !important;
}
.search-jumper-tips * {
max-width: unset;
width: auto;
}
.search-jumper-tips iframe{
background: white;
box-shadow: 0px 0px 10px 0px #000;
width: 90vw;
height: 90vh;
resize: auto;
}
</style>
<iframe src="%t"></iframe>
showTips:
<style>
.search-jumper-tips{
background:unset;
box-shadow:unset;
max-width: unset;
max-height: unset;
width: auto;
scrollbar-width: none;
position: fixed !important;
top: 5vh !important;
left: 5vw !important;
height: auto !important;
}
.search-jumper-tips * {
max-width: unset;
width: auto;
}
.search-jumper-tips iframe{
background: #f5f5f5e0;
box-shadow: 0px 0px 10px 0px #000;
width: 90vw;
height: 90vh;
resize: auto;
}
.search-jumper-tips [data-close] {
background: #00000066;
border-radius: 50%;
line-height: 20px;
}
</style>
<a href="%t" target="_blank"><h4 data-drag style="width: calc(80% - 20px); top: 0px; background: #000000b0; left: 10%; padding: 2px 10px; border-radius: 10px; text-wrap: nowrap; text-overflow: ellipsis; position: absolute; text-align: center; overflow: hidden; display: block; color: white;">%t</h4></a>
<span data-close>×</span>
<iframe src="%t"></iframe>
看里面提到drag,意思是这个预览窗口是可以拖拽的?但测试了一下却发现没有拖拽效果呢 😢
因为top: 5vh !important; left: 5vw !important; 写死了。你不是要固定在屏幕中间的效果吗?
我去掉 !important; 后可以自由拖动了,不过出现了一个新的问题,新生成的预览窗口位置并不是距离顶部 5vh、距离左边5vw,而是靠左+很靠下,初始状态如图,这个是什么原因呢?
目前“拖拽”和“固定初始位置”不能兼得,要等下一版本