點擊錨標籤滾動到div不工作？

Question

點擊「a」標籤頁面應該滾動到具有名爲「cmntBox」類的div，我通過jquery完成，但實際上沒有返回任何內容，當我點擊Write a review按鈕時，它應該向下滾動到div。

HTML代碼

<a href="" class="ritrvw cmntBox"><i class="fa fa-pencil"></i> Write a review</a> 




<div class="col-lg-12 col-sm-12 col-md-12 col-xs-12 nopad cmntBox"> 
      <div class="col-lg-6 col-sm-6 col-md-6 col-xs-12"> 
       <div class="tab-pane active" id="tab-review"> 
       <form class="form-horizontal"> 
        <div id="review"></div> 
        <h3>Write a review</h3> 
        <div class="form-group required"> 
        <div class="col-sm-12"> 
         <label class="control-label" for="input-name">Your Name</label> 
         <input type="text" name="name" value="" id="input-name" class="form-control" /> 
        </div> 
        </div> 
        <div class="form-group required"> 
        <div class="col-sm-12"> 
         <label class="control-label" for="input-review">Your Review</label> 
         <textarea name="text" rows="5" id="input-review" class="form-control"></textarea> 
         <div class="help-block"><span class="text-danger">Note:</span> HTML is not translated!</div> 
        </div> 
        </div> 
        <div class="form-group required"> 
        <div class="col-sm-12"> 
         <label class="control-label">Rating</label> 
         &nbsp;&nbsp;&nbsp; Bad&nbsp; 
         <input type="radio" name="rating" value="1" /> 
         &nbsp; 
         <input type="radio" name="rating" value="2" /> 
         &nbsp; 
         <input type="radio" name="rating" value="3" /> 
         &nbsp; 
         <input type="radio" name="rating" value="4" /> 
         &nbsp; 
         <input type="radio" name="rating" value="5" /> 
         &nbsp;Good</div> 
        </div> 
        <div class="form-group required"> 
        <div class="col-sm-12"> 
         <label class="control-label" for="input-captcha">Enter the code in the box below</label> 
         <input type="text" name="captcha" value="" id="input-captcha" class="form-control" /> 
        </div> 
        </div> 
        <div class="form-group"> 
        <div class="col-sm-12"> <img src="index.php?route=tool/captcha" alt="" id="captcha" /> </div> 
        </div> 
        <div class="buttons"> 
        <div class="pull-right"> 
         <button type="button" id="button-review" data-loading-text="Loading..." class="btn btn-primary">Continue</button> 
        </div> 
        </div> 
       </form> 
       </div> 
      </div> 

jQuery代碼，

$(".cmntBox").click(function() { 
     $('html, body').animate({ 
      scrollBottom: $(".cmntBox").offset().bottom 
     }, 2000); 
    }); 

Answer 1

替換與此代碼

scrollTop:$(".cmntBox").offset().top}, 2000);