Merhaba, Yabancı!

Burada yeni gibi görünüyorsunuz. Eğer katılmak istiyorsanız düğmelerden birine tıklayınız.

能否修复优化一个很影响体验的视觉问题?

About: Easy offline
作者好,辛苦了!
在1.0.25之前没此问题,但是从1.0.25版本到至今,为何要有这个问题,即hover在一键离线的图标上,底部会出现水平滚动条?
为什么hover要出现滚动条? 是故意这样定义设计?
会出现滚动条说明hover之后元素的布局占位溢出了,这溢出又是不可见的,需要控制台查看。
很讨厌无关的水平滚动条出现,不仅误导,而且是hover出现的还会导致闪烁亮瞎眼的。

希望作者会修复修复优化这个问题,不知可以吗?

Yorumlar

  • January 2017 düzenlendi Chrome

    之前是为了兼容一个英文网站改的定位方式,现在测试了下发现兼容问题不存在了,已经改回来了,不过测试还不充分,如果发现新的问题请再联系我吧

  • hoothin dedi:

    之前是为了......

    恩,position:relative后现在终于完美不闪烁咯! 然后一个优秀建议可否采纳?!

    如果只开启only one一个网盘的话,
    image
    如图,假如只启用Fr网盘,那么下载icon图标image
    可否自动被替换成唯一网盘的Fr图标呢? 或者是增加这个设置开关!

    然后only one 的图标之鼠标悬浮交互上增加这个CSS感知交互,
    img:hover {-webkit-filter:drop-shadow(0 0 5px #f0f) } 或者来个180°旋转哈:hover {transform:rotate(180deg); transition:transform .2s ease-in-out }
    这些:hover属性都不影响元素移位, 这样这个图标交互就算一键做到了哈,
    其实这阴影特别适合于图片特别是png透明格式图片,因为是完美跟随透明背景,而不是元素物理尺寸本身. 你可以试试看,其实呢这个-webkit-filter:drop-shadow 也完美适用于悬浮列表的:hover
    image
    因为目前悬浮之后的一排列表,本身紧密,却没有任何:hover交互,有点遗憾哈.

    一句话,
    当然了 这是细节, 可点滴细节可撸成精致,成就精品!


  • 第一个建议在页面中同时存在http资源与磁链而启用网盘超过一个时可能会造成视觉不统一,我权衡一下;
    第二个建议可以考虑,但我之前加过效果不是很好,加阴影的话会被上下icon遮挡部分,留间隙的话会意外触发mouseout影响功能,旋转倒是可以,我待会试下看看实际效果如何

  • hoothin dedi:

    第一个建议在页面中同时存在http资源与磁链而启用网盘超过一个时可能会造成视觉不统一,我权衡一下;

    第一个建议你可能没理解意思,说的场景都只是只用并只开启一个图标[网盘]的情况,其实很多人不可能一人用太多盘吧,这在操作管理都类的,最多一两个同时用算多了,

    说的是只开启有且仅有一个的时候,此时能默认下载图标能被替换为这个网盘logo图标,某一时间只用这个网盘就可以更增强识别度,

    当然必须整体被替换,而不只是一个img而已,否则可能点击下去并不是立马触发打开网盘的,因为目前设计是先hover一小会儿才能点击网盘icon。

    再一个是下载icon肯定没有网盘icon来的更加显眼突出和直接是吧。

    其实这个也可以理解为默认图标[即目前的下载icon],所以也可以适用于全局[非only one]
    然后设置选项:是否把第一个网盘icon作为默认图标, 当然最好也支持排序。
    勾选后下载icon会自动被替换成第一个网盘icon,此时一点击就是触发这个离线,悬浮才是浮出更多其他离线列表。
  • 是你没理解意思啊,每个链接对应的网盘是不一样的,即使启用了多个网盘也可能只显示一个icon。另外我是希望一眼扫过去就能发现下载链接在哪,而不是面对满屏花花绿绿的各种favicon。如果你确实有以上需求的话可以自己改我的代码

  • 另外“因为目前设计是先hover一小会儿才能点击网盘icon。” 我何时有过这样的“设计”?麻烦提交个案例我看看吧

  • 好吧,逻辑有点乱不清晰,等PC上再看看。

    不过最后一个建议可否实现来着?
    脚本为何不能后台工作? 很多时候很习惯性地后台打开想让其慢慢载入完成,可切换过去才发现哦忘记了这脚本不支持后台的,
    所以能否一并完美支持后台标签打开?
    后台标签打开就是例如拖拽URL或者鼠标中键点击或按住Ctrl点击也可以,一般都是后台标签打开的, 可是脚本只能后台打开,而自动填入链接文本并不会在后台工作。

    支持后台很有好处,你可以后台打开,让其慢慢加载ok,这点时间你可以前台干点别的,例如把这个标签关闭再切换过去,不用耗时在前台去等待。前台等待无非就是服务器的连接响应,打开速度,资源载入速度等各种性能,虽然几百毫秒到三两秒不等,但这感觉得出来是吧哈。

    功能完善上也许就差这一点咯!
  • January 2017 düzenlendi Chrome

    如果你说的“后台工作”只是指后台打开标签页脚本继续工作,那应该是没问题的啊,只不过chrome对后台标签页的处理优先级低,转入后台后时钟会变慢

  • hoothin dedi:

    如果你说的“后台工作”只是指后台打开标签页脚本继续工作....

    第一,经测试终极反馈:后台工作,
    1 ) 拖拽(或按Ctrl的点击)的后台打开,无法自动填入如磁力链文本。
    这个能否修复下?

    2 ) 用鼠标中键点击的后台打开,完美有效果,这个问题!

    所以很奇怪呢,两者操作同样都是后台打开的行为,为何有巨大差别了。

    第二,提供F9快捷键乃得力助手!
    可惜的是无法一次性临时隐藏。
    所以建议能否增加配置选项,F9是否仅临时生效,也就是说不记录选择,例如说当前页面按下F9是隐藏了,然后再次刷新页面又会自动显示了。
    这样更方便些,临时隐藏一般是用在批量链接,隐藏后可以更方便一键复制批量链接,从而不会复制到下载icon的链接。

    第三,建议:hover浮现的加个延时开关,不然会太灵敏了,只要鼠标一离开就立马关闭了,建议例如下面的CSS交互,交互效果立马提升,你鼠标在脱离范围不会立马瞬间关闭的,你可以试试看效果很好的。

    hover之前 {transition-delay: .5s;transition-duration: .3s;}

    :hover {transition-delay:0s;transition-duration:0s}

    当然这是前后都设置属性,意味鼠标离开元素外不立马退出,随便举例下,貌似有更容易直接的表达吧。
  • January 2017 düzenlendi Chrome

    一、只要是点击打开的都没问题呀,不管是左键还是中键还是ctrl加左键,你再试试看呢?拖拽我用不到,并不打算支持
    二、只要再按一次f9就行了啊
    三、你怎么对“hover”这么执着啊。。。鼠标离开延时关闭我自己并没有这样的需求,也不打算加,你自己改我的代码吧

    建议你以后反馈精简下,信息爆炸时代每次都长篇大论看的人也很费劲啊,还有你老把css贴出来干嘛?又不是Quake浮点开方代码。。。

  • 知道再按一次F9,但如果全局总是开启的,而临时关闭不记忆状态,下次就无需再按一次了嘛。
  • 最后请教如何自行改你的代码变成F9仅仅临时生效,而不作用于域名记忆,即不作用于页面离开变化之后。
  • 624行注释掉

Yorum yapmak içinOturum Açın yada Kayıt Olun .