点击锚标签滚动到div不工作？

-1

点击“a”标签页面应该滚动到具有名为“cmntBox”类的div，我通过jquery完成，但实际上没有返回任何内容，当我点击Write a review按钮时，它应该向下滚动到div。点击锚标签滚动到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); 
    });

来源

2017-02-23 Mohan

同时也请记住，你的事件处理程序和jQuery选择的目标链接和div，你需要有一个独特的类（或ID）来解决他们每个在JS中。如果您尝试滚动到“.cmntBox”选择符匹配链接和div。 – Dymos

替换与此代码

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

来源

2017-02-23 11:36:14

点击锚标签滚动到div不工作？

回答

相关问题