Question

我正在使用网站中的顶部箭头移动到顶部，滚动顺畅..现在它移动到顶部但没有顺利移动..

我过去流畅滚动的js是

$(function() {
  $('a.page-scroll').bind('click', function(event) {
    console.log("scroll");
    var $anchor = $(this);
  $('html, body').stop().animate({
      scrollTop: $($anchor.attr('href')).offset().top
  }, 1500, 'easeInOutExpo');
  event.preventDefault();
  });
});

禁止它不工作.. jsfiddle是https://jsfiddle.net/36m5kp00/

我使用的jquery是，

<script src="scripts/controllers/jquery-ui.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

Answer 1

使用此

pod 'ReactiveCocoa','~>2.1.8'

Answer 2

实际上，如果要使用easeInOutExpo等自定义缓动方法，则需要添加 jquery缓动插件。

注意：jQuery附带了2种缓动方法linear＆amp; swing。参考此处：https://api.jqueryui.com/easings/

您可以在此处获取：https://cdnjs.com/libraries/jquery-easing

效果很好，请在此处查看：https://jsfiddle.net/ashishanexpert/36m5kp00/4/

您的工作代码应该是：

$(window).scroll(function() {
  if ($(this).scrollTop()) {
    $('#letTop:hidden').stop(true, true).fadeIn();
  } else {
    $('#letTop').stop(true, true).fadeOut();
  }
});
$(function() {
  $('a.page-scroll').bind('click', function(event) {
    console.log("scroll");
    var $anchor = $(this);
  $('html, body').stop().animate({
      scrollTop: $($anchor.attr('href')).offset().top
  }, 1500, 'easeInOutExpo');
  event.preventDefault();
  });
});

平滑滚动到顶部不起作用

2 个答案: