javascript - jQuery代码无法在页面上滚动动画

这是我的查询代码：

$(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">

最佳答案

你的代码有错误

$(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);
       });

});

关于javascript - jQuery代码无法在页面上滚动动画，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/35612382/