тень от блока «следует» за эффектом Jquery Slide Down - PullRequest
Новая
       34

тень от блока «следует» за эффектом Jquery Slide Down

1 голос
/ 27 ноября 2011

Я сделал это крошечное видео (пожалуйста, игнорируйте, если фоновые шумы)

http://www.screenr.com/Qvts

это 13 секунд, но нужно только увидеть анимацию, происходящую в секунду 5; (или зайдите keepyourlinks.com и подождите несколько секунд, пока вы не увидите тот же ящик и не нажмете)

У 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>

Так, как я могу предотвратить эту тень, чтобы расширить всю вертикальную анимацию?

1 Ответ

1 голос
/ 30 ноября 2011

Я все еще не совсем уверен, что происходит, но я знаю, как это исправить (по крайней мере, пока). Это может быть связано с скольжением элемента в сочетании с проблемой высоты в jquery для элементов, которые являются дочерними в скользящем элементе, но я не уверен. В любом случае:

Зная это, вот исправление. В estilo.css найдите 

.keepeos {
    height: auto;
}

Измените это на: 

.keepeos {
    height: 18px;
}

Это сработает против вас, если это когда-нибудь станет многострочным, поэтому, если вам это понадобится в будущем, возможно, вы сможете переключать тег во время скольжения, а затем переключать его обратно, когда это будет сделано.

...