如何随时显示最后一个子div？

基本上，我需要使用jQuery的滚动效果随时在其父代中显示最后一个孩子div。如何随时显示最后一个子div？

父亲div的内容是通过PHP生成的。

这是迄今为止我当前的代码：

HTML代码：

<div id="chattercontent" style="width:65%; display:block;"> 
    <div id="messageme"> 
     <div>PHP GENERATED CONTENT GOES HERE</div> 
     <div>PHP GENERATED CONTENT GOES HERE</div> 
     <div>PHP GENERATED CONTENT GOES HERE</div> 
     <div>PHP GENERATED CONTENT GOES HERE</div> 
     <div>PHP GENERATED CONTENT GOES HERE</div> 
     <div>PHP GENERATED CONTENT GOES HERE</div> 
    </div> 
</div> 
</div>

的JavaScript，我的AJAX内部使用的滚动效果：

$('html, body').animate({ scrollTop: $(document).height() }, 'slow');

的JavaScript，我试着用于在任何时间显示最后的div小孩：

<script> 
    $("#messageme div:last-child") 
    .css({ color:"red", fontSize:"80%" }) 
</script>

来源

2014-10-06 shell

请小提琴 – Pinki 2014-10-06 15:02:29

它现在在做什么？ – 2014-10-06 15:02:41

@EvanKnowles，目前什么都不做。它对最后一个div孩子没有影响。它不会改变CSS ... – shell 2014-10-06 15:03:53

而不是引用

$(document).height()

您将要引用您的选择

$("#messageme div:last-child")

所以，你的代码看起来像

 
$('html, body').animate({ scrollTop: $("#messageme div:last-child") }, 'slow');

如果你想改变颜色的动画后，您可以添加一个回调。

$('html, body').animate({ scrollTop: $("#messageme div:last-child") }, 'slow', function() { 
    //Do stuff after the animation is done 
    $("#messageme div:last-child").css({ color:"red", fontSize:"80%" }) 
});

看到这个fiddle。

来源

2014-10-06 15:10:03 marty

如何随时显示最后一个子div？

回答

相关问题