Javascript 盒子阴影'；遵循'；Jquery的下滑效应

我制作了这个小视频（请忽略背景噪音）

它的13秒，但只需要看到动画在第5秒进行；（或继续等待几秒钟，直到您可以使用相同的框并单击）

css-该项具有两个类别-

.keepeos .top {
    border-radius: 0.2em 0.2em 0.2em 0.2em;
    color: #000066;
    font-size: 40px;
    height: 120%;
    padding-bottom: 3px;
    padding-top: 3px;
    position: relative;
    right: 10%;
    top: -4px;
    width: 120%;
}

.caja_con_sombra {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.9);
}

javascript（发布了完整的脚本，但在我看来，只对相关行进行了评论）

    <script type="text/javascript">


    var variable;
        function check_more(id){

        var nID=$(".item_lista_links:first").attr("id"); //get the newest item's id
        var tid= nID.replace('link', '');
        $('#are_more').load('/includes/router.php?que=check_more&last='+tid+''); // check if newer
        }
          function buscar_nuevos(){
           var nID=$(".item_lista_links:first").attr("id");
           var id= nID.replace('link', '');
           variable = setInterval('check_more('+id+')',15000); //start checking
        }
        function ver_nuevos(id){  // when found news and retrieving 
           clearInterval(variable);  
            $('#are_more').html('');        //clear div


            /*THIS is basically the only relevant javascript line, i think */
            $('#load_more').slideUp(100).load('/includes/router.php?que=load_more&last='+id+'', 


function() {


    variable = setInterval("check_more(139125)",15000);
              $(this).slideDown(600); //start checking
                return false;
             });
        }
    </script>

var变量；
功能检查\u更多（id）{
var nID=$（“.item_lista_links:first”）.attr（“id”）；//获取最新项的id
var tid=nID.replace（'link'，''）；
$（“#are_more”）.load（“/includes/router.php？que=check_more&last='+tid+”）//检查是否更新
}
功能总线{
var nID=$（“.item_lista_links:first”）.attr（“id”）；
变量id=nID.replace（'link'，''）；
variable=setInterval（'check_more（'+id+'），15000）；//开始检查
}
函数ver_nuevos（id）{//在找到新闻和检索时
clearInterval（可变）；
$（'#are#more'）.html（''）//清除div
/*我认为这基本上是唯一相关的javascript行*/
$（'#load_more'）.slideUp（100）.load（'/includes/router.php？que=load_more&last='+id+''，
函数（）{
变量=设置间隔（“检查更多（139125）”，15000；
$（this）.slideDown（600）；//开始检查
返回false；
});
}

---

那么，如何防止该阴影扩展整个垂直动画呢？

我仍然不确定到底发生了什么，但我知道如何修复它（至少现在是这样）。这可能是由于元素滑入与jquery中作为滑动元素子元素的元素的高度问题混在一起造成的，但我不确定。无论哪种方式：

知道了这一点，这里有一个修复方法

.keepeos {
    height: auto;
}

改为：

.keepeos {
    height: 18px;
}

---

如果它变成多行，这将对你不利，因此如果你将来需要，也许你可以在滑动时切换标签，然后在滑动完成后再切换回来。

我仍然不确定到底发生了什么，但我知道如何修复它（至少现在）。这可能是由于元素滑入与jquery中作为滑动元素子元素的元素的高度问题混合造成的，但我不确定。无论哪种方式：

知道了这一点，这里有一个修复方法

.keepeos {
    height: auto;
}

改为：

.keepeos {
    height: 18px;
}

---

如果它变成多行，这将对你不利，因此如果你将来需要，也许你可以在滑动时切换标签，然后在滑动完成后再切换回来。

对不起-我不理解这个问题-问题是与网站上弹出的用户名/密码框有关？还是与显示的链接上的弹出窗口有关屏幕外？或者完全不同的东西？你看到链接中的视频了吗？是的-你点击了一个链接并添加了一些额外的div…问题在哪里？对不起-我不理解问题-问题是与网站上弹出的用户名/密码框有关？还是链接上的弹出框显示在电子屏幕？或者完全不同的东西？你看到链接中的视频了吗？是的-你点击一个链接，然后添加了一些额外的div…问题是在哪里？很好！不是很好。是的。keepeos。top{height:23px}但是你真的给了我一个看的线索。非常感谢！很好！不是很好。是。keepeos。top{height:23px}但你真的给了我一个去哪里找的线索。非常感谢！