找回密码
 注册

QQ登录

只需一步,快速开始

查看: 1584|回复: 2

[求助] 一个小问题的咨询..希望各位大大来看看...给一个解决方案..谢谢了

[复制链接]
发表于 2016-3-29 18:12:44 | 显示全部楼层 |阅读模式
30体力
效果没问题, 主要发现一个体验问题..比如点“内容四”的“更多”隐藏层展开..虽然层展开的 但因为浏览器的高度问题必须往下滚动条才能看到这隐藏层....
...各位大大 有什么好办法点击更多的时候隐藏层出来滚动条自动往下走呢?..

而不是现在 隐藏层虽然出来了 但我必须滚动滚动条才能看到这个层(最上面的还没这问题..就下面的有这问题)....

 提示:您可以先修改部分代码再运行

最佳答案

查看完整内容

[html] $(document).ready(function(){ $(".btn-slide").click(function(){ var height = $(this).parent().parent().find(".panel").height(); var winScroll = $(window).scrollTop(); var winHeight = $(window).height(); var thisTop = $(this).parent().offset().top; var thisHeight = $(this).parent().height(); if(thisTop + height + thisH ...
发表于 2016-3-29 18:12:45 | 显示全部楼层
本帖最后由 jianwang19 于 2016-3-29 21:44 编辑

 提示:您可以先修改部分代码再运行

当下拉层会被遮住的时候,滚动条下移,但是收起的时候不应该执行,已更正
  1. $(".btn-slide").click(function(){
  2.         var height = $(this).parent().parent().find(".panel").height();
  3.         var winScroll = $(window).scrollTop();
  4.         var winHeight = $(window).height();
  5.         var thisTop = $(this).parent().offset().top;
  6.         var thisHeight = $(this).parent().height();
  7.         if(thisTop + height + thisHeight - winScroll > winHeight && $(this).parent().parent().find(".panel:hidden").size() > 0){
  8.             var _scrollTop = thisTop + height + thisHeight - winHeight;
  9.             $('html,body').animate({'scrollTop': _scrollTop},"slow");
  10.         }
  11.         $(this).toggleClass("active").parent().parent().find(".panel").slideToggle("slow");
  12.         return false;
  13.     });
复制代码
回复

使用道具 举报

 楼主| 发表于 2016-3-30 09:42:34 | 显示全部楼层

  还以为挺好处理的 没想到这么麻烦...难道 我搞半天没弄出来...已经超出我编写的范围了..还的继续努力向大牛门学习...非常感谢.
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备19000417号-2 )

GMT+8, 2021-12-6 05:19 , Processed in 0.060882 second(s), 8 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

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