搜索

【已解决】最新模块 手机 高级搜索 的 BUG

[复制链接]
nohacks 发表于 2018-5-12 16:19:07 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?注册加入

x
本帖最后由 nohacks 于 2018-5-13 18:01 编辑

这个BUG在部分浏览器上才会出现,比如魅族内置浏览器 (UC内核)

表现为 :点击”已选择“部分,只能隐藏文字,不能隐藏占用空间,出现多余白色背景遮挡住内容

S80512-162340.jpg

经检查,发现是css 样式问题:

  1. <div class="content-meun clearfix">
复制代码

检查其css样式发现"min-height"值为"auto",尝试修改 "min-height"值为"100%",问题得到解决。

具体方法(安全起见不修改css,修改html):

打开模块文件"cascade.html",在文件尾部查找代码:
  1. $(".collapse").addClass("in");
复制代码
在后面添加代码:
  1.                }else{
  2.                       $(".content-meun").css("min-height","100%");      
复制代码

上下文完整代码:

  1. <script type="text/javascript">        
  2.     var w = document.documentElement ? document.documentElement.clientWidth : document.body.clientWidth;
  3.     if (w > 640) {
  4.         $(".collapse").addClass("in");   
  5.            }else{           
  6.             $(".content-meun").css("min-height","100%");     
  7.         }
  8.     </script>
复制代码

修改效果如下图:
2.jpg

全文完,谢谢观赏!



评分

参与人数 1金币 +100 收起 理由
admin + 100 赞一个!

查看全部评分

salong8611 发表于 2018-5-12 18:40:38 | 显示全部楼层
牛逼!厉害!搞定
回复

使用道具 举报

 楼主| nohacks 发表于 2018-5-12 19:01:31 | 显示全部楼层
salong8611 发表于 2018-5-12 18:40
牛逼!厉害!搞定

我重新编辑了下,修改了PC端可能异常的BUG,你看下。
回复

使用道具 举报

salong8611 发表于 2018-5-12 21:38:20 | 显示全部楼层
nohacks 发表于 2018-5-12 19:01
我重新编辑了下,修改了PC端可能异常的BUG,你看下。

没看出修改了哪里啊 和之前的格式一样

               }else{
                      $(".content-meun").css("min-height","100%");
回复

使用道具 举报

iwannaav 发表于 2018-5-13 14:35:06 | 显示全部楼层
代码少了个   }
回复

使用道具 举报

 楼主| nohacks 发表于 2018-5-13 14:41:22 | 显示全部楼层

和上下文结合,没有少
回复

使用道具 举报

 楼主| nohacks 发表于 2018-5-13 14:42:43 | 显示全部楼层
salong8611 发表于 2018-5-12 21:38
没看出修改了哪里啊 和之前的格式一样

               }else{

那就没什么
回复

使用道具 举报

小黑屋|海洋CMS

GMT+8, 2019-2-21 10:48 , Processed in 0.095631 second(s), 27 queries .

Powered by SeaCMS!

© 2015-2018 seacms.net.

快速回复 返回顶部 返回列表