Jquery代码无法在页面上滚动动画

Question

这是我的查询代码：

$(document).ready(function () {

       $('.js--scroll-to-discount').click(function () {
             $('html, body').animate({scrollTop: $('js--section-discount-opt').offset().top}, 1000);
       });

});

这是要点击的按钮的HTML代码：

<a class="btn btn-full js--scroll-to-discount" href="#">I'm ready Dallas</a>

这是动画应该在页面中带你的部分：

<section class="discount-city js--section-discount-opt">

Answer 1

您的代码中有错误

$(document).ready(function () {

       $('.js--scroll-to-discount').click(function () {
             $('html, body').animate({scrollTop: $('js--section-discount-opt').offset().top}, 1000);
       });

});

应该是

$(document).ready(function () {

       $('.js--scroll-to-discount').click(function () {
             $('html, body').animate({scrollTop: $('.js--section-discount-opt').offset().top}, 1000);
       });

});