jQuery的scrollTop的不随高度和滚动条的HTML元素的工作

Question

所以我有流动的HTML：

<div class="textconvo col-md-10 col-md-offset-1"> 
        <div class="row sender"> 
         <div class="col-sm-3"> 
          Heather Harris 
         </div> 
         <div class="col-sm-6"> 
          sun 
         </div> 
         <div class="col-sm-2"> 
          11/21/2014 6:58 PM 
         </div> 
        </div> 
        <div class="row"> 
         <div class="col-sm-3"> 
          robert 
         </div> 
         <div class="col-sm-6"> 
          dfgdfgdfgdfg 
         </div> 
         <div class="col-sm-2"> 
          11/21/2014 8:31 PM 
         </div> 
        </div> 
        <div class="row"> 
         <div class="col-sm-3"> 
          robert 
         </div> 
         <div class="col-sm-6"> 
          assdfsdfsdf 
         </div> 
         <div class="col-sm-2"> 
          11/21/2014 8:57 PM 
         </div> 
        </div> 
        <div class="row"> 
         <div class="col-sm-3"> 
          robert 
         </div> 
         <div class="col-sm-6"> 
          sdfsdfsdf 
         </div> 
         <div class="col-sm-2"> 
          11/21/2014 8:58 PM 
         </div> 
        </div> 
        <div class="row"> 
         <div class="col-sm-3"> 
          robert 
         </div> 
         <div class="col-sm-6"> 
          sdfsdfsdf 
         </div> 
         <div class="col-sm-2"> 
          11/21/2014 8:58 PM 
         </div> 
        </div> 
        <div class="row"> 
         <div class="col-sm-3"> 
          robert 
         </div> 
         <div class="col-sm-6"> 
          sdfsdfsdfsdf 
         </div> 
         <div class="col-sm-2"> 
          11/21/2014 8:58 PM 
         </div> 
        </div> 
        <div class="row"> 
         <div class="col-sm-3"> 
          robert 
         </div> 
         <div class="col-sm-6"> 
          sdfsdfsdf 
         </div> 
         <div class="col-sm-2"> 
          11/21/2014 8:58 PM 
         </div> 
        </div> 
        <div class="row"> 
         <div class="col-sm-3"> 
          robert 
         </div> 
         <div class="col-sm-6"> 
          sdsdf 
         </div> 
         <div class="col-sm-2"> 
          11/21/2014 9:06 PM 
         </div> 
        </div> 
        <div class="row"> 
         <div class="col-sm-3"> 
          robert 
         </div> 
         <div class="col-sm-6"> 
          sdfsdfsdf 
         </div> 
         <div class="col-sm-2"> 
          11/21/2014 9:06 PM 
         </div> 
        </div> 
        <div class="row"> 
         <div class="col-sm-3"> 
          robert 
         </div> 
         <div class="col-sm-6"> 
          fdgdfgdfg 
         </div> 
         <div class="col-sm-2"> 
          11/21/2014 9:31 PM 
         </div> 
        </div> 
       <div style="display: none;" id="newMessagePlaceHolder-3665048123427363225"></div> 
      </div> 

而且这个CSS：

.textconvo 
{ 
    overflow-y: scroll; 
    -ms-overflow-y: scroll; 
    height: 300px; 
} 

而且这个jQuery的文件调用。准备：

$('.textconvo').each(function() { 
     $(this).scrollTop($(this)[0].scrollHeight); //scrollHeight = 0 
     $(this).scrollTop(500); //this doesn't work either 
    }); 

我在其他应用程序做过scrollTop的，它已先后在div.textconvo在DOM。

有什么建议吗？

Answer 1

刚刚测试过你的代码，它的工作原理，也许你没有将jQuery加载为$。

在此处查看JSFiddle。