Question

在jsp页面的底部设置了一个按钮。使用该按钮，页面将向下滚动。但是当页面到达底部时我必须隐藏该按钮。此页面是报告页面。所以它包含很多内容。当我到达页面底部时，我必须隐藏按钮。请帮我。我是jquery的新手

我无法为此找到任何解决方案。

这是我的代码。

＆＃13;

 $(window).scroll(function() {
   if ($(window).scrollTop() > ("#bottomScroll")) {
     $("#bottom").addClass('show');
   } else {
     $("#bottom").removeClass('show');
   };
 });
 jscript: function scrollWin() {
   window.scrollBy(0, 180);
 }

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button type="button" onclick="scrollWin()">
  <img src="Images/aerodown.png">
</button>

＆＃13;

Answer 1

Demo

的jQuery

var $window = $(window),
    $document = $(document),
    button = $('.button');

button.css({
    opacity: 1
});

$window.on('scroll', function () {
    if (($window.scrollTop() + $window.height()) == $document.height()) {
        button.stop(true).animate({
            opacity: 0
        }, 250);
    } else {
        button.stop(true).animate({
            opacity: 1
        }, 250);
    }
});

当到达底部时，按钮应该隐藏

1 个答案: