Question

我正在尝试在我的网站上添加scrollTop按钮，但是我有一个问题，我想向此按钮添加一种效果，例如如果scrollTop小于50px，按钮将不可见，我如何使用JQuery做到这一点？

我的代码： HTML

<a class="target" href="#" data-mt-duration="800"><i class="fas fa-angle-up"></i></a>

JS代码

const moveTo = new MoveTo({
  tolerance: 0,
  duration: 800,
  easing: 'easeOutQuart'
});

const trigger = document.getElementsByClassName('target')[0];

moveTo.registerTrigger(trigger);

MoveTo.JS插件链接： https://github.com/hsnaydd/moveTo

Answer 1

您可以在jQuery中使用scrollTop（）。在Windows滚动位置上使用比较运算符对照另一个值（在您的情况下为50px）。将其包装在window.onscroll事件中。

  $(window).on('scroll', function () {
    var windowScrollTop = Math.floor($(window).scrollTop());
    if (windowScrollTop < 50) {
    // Hide button...

jQuery API： https://api.jquery.com/scrollTop/

示例： https://codepen.io/alexgill/pen/MBQyJe

jQuery Scroll MoveTo.js插件问题

1 个答案: