分类导航

jQuery 发布时间：2022-04-19 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了用jQuery隐藏图标，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

@H_618_0@

<img class="arrow_down" src="arrow_down.png" alt="scroll down" style="max-width: 5%; height: auto;">

现在,我希望该图像可见,直到我向下滚动网页,所以从第一个滚动它将被隐藏.我在java脚本或jQuery中编码,如下所示：

jQuery(function($,undefined) {
  if ($("body").scrollTop() = 0 || $("html").scrollTop() = 0) {
            $(".arrow_down").fadeIn(400);
        }

        else {
            $(".arrow_down").hide();
        }

    };

这不行,请帮帮我…

解决方法

你可以这样做：

$(function () {
  $('.arrow_down').hide();
  var curscroll = $(window).scrollTop();
  $(window).scroll(function() {
    if (curscroll < $(window).scrollTop())
      $('.arrow_down').show();
    if ($(window).scrollTop() == 0)
      $('.arrow_down').hide();
    curscroll = $(window).scrollTop();
  });
});

这里发生的是,当滚动完成时,脚本会检查滚动是否已完成.如果滚动仅向下,则显示向下箭头.

@H_618_0@

大佬总结

以上是大佬教程为你收集整理的用jQuery隐藏图标全部内容，希望文章能够帮你解决用jQuery隐藏图标所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。