在窗口滚动条上显示/隐藏div

阿敏

我有一个div元素#btns,默认情况下是隐藏的。它应从200px顶部滚动显示,然后从顶部滚动再次隐藏500px

这是我的(无效)代码:

$(window).scroll(function() {
    if ($(this).scrollTop()>200) {
        $('#btns').fadeIn();
    } 
    elseif ($(this).scrollTop()<500) {
        $('#btns').fadeIn();
    } else {
        $('#btns').fadeOut();
    }
});
Dyana Putry |

您可以像这样在按钮中添加一个类隐藏:

$(function() {
    $(window).scroll(function() {
        console.log('scrolling ', $(window).scrollTop(), $(document).height());
        if($(window).scrollTop() >= 200 && $(window).scrollTop() <= ($(document).height() - 500)) {
            $('#btns').removeClass('hide');
        } else {
            $('#btns').addClass('hide');
        }
    });
});

演示https://jsfiddle.net/1ks8at6r/5/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

HTML:谁负责显示/隐藏滚动条?

来自分类Dev

如何在Android中隐藏DIV上的灰色滚动条-仅在您无法滚动时显示

来自分类Dev

使用Headroom JS隐藏滚动条上的导航栏并在需要时显示

来自分类Dev

在滚动条上显示滚动条,否则将其隐藏,保持其z-index优先

来自分类Dev

隐藏DIV的滚动条

来自分类Dev

如何在div上显示滚动条?

来自分类Dev

onmouseover事件以显示和隐藏侧面菜单的滚动条

来自分类Dev

全屏div(显示为默认窗口滚动条时)

来自分类Dev

隐藏仅在Windows上显示的无用滚动条

来自分类Dev

在窗口窗体中添加水平滚动条

来自分类Dev

如何在我的div中没有窗口中显示滚动条?

来自分类Dev

如何在屏幕初始显示时隐藏滚动条?

来自分类Dev

我想实现相对于窗口滚动条的div滚动条

来自分类Dev

隐藏嵌套div的滚动条,但仍使其可滚动

来自分类Dev

使用Headroom JS隐藏滚动条上的导航栏,并在需要时显示

来自分类Dev

在滚动条上显示滚动条,否则将其隐藏,将其z-index置于首位

来自分类Dev

UITableVIewController在滚动条上显示文本

来自分类Dev

固定div在我的窗口滚动条上

来自分类Dev

协助在JTextArea上显示滚动条?

来自分类Dev

通过<a> |显示/隐藏Div。保存滚动条| 保存状态

来自分类Dev

Flexbox div上的渲染滚动条不是浏览器窗口

来自分类Dev

如何隐藏溢出:在居中的div中滚动滚动条

来自分类Dev

在窗口滚动条上显示/隐藏div

来自分类Dev

在滚动条上更改div(隐藏/显示)

来自分类Dev

div上的水平滚动条,其中包含动态内容,并且隐藏了y溢出

来自分类Dev

如何在不隐藏正文滚动条的情况下在固定 div 上滚动时禁用正文滚动?

来自分类Dev

动态显示和隐藏滚动条

来自分类Dev

全屏 div 显示滚动条

来自分类Dev

如何避免由于鼠标进入时显示和隐藏滚动条而导致 div 闪烁

Related 相关文章

  1. 1

    HTML:谁负责显示/隐藏滚动条?

  2. 2

    如何在Android中隐藏DIV上的灰色滚动条-仅在您无法滚动时显示

  3. 3

    使用Headroom JS隐藏滚动条上的导航栏并在需要时显示

  4. 4

    在滚动条上显示滚动条,否则将其隐藏,保持其z-index优先

  5. 5

    隐藏DIV的滚动条

  6. 6

    如何在div上显示滚动条?

  7. 7

    onmouseover事件以显示和隐藏侧面菜单的滚动条

  8. 8

    全屏div(显示为默认窗口滚动条时)

  9. 9

    隐藏仅在Windows上显示的无用滚动条

  10. 10

    在窗口窗体中添加水平滚动条

  11. 11

    如何在我的div中没有窗口中显示滚动条?

  12. 12

    如何在屏幕初始显示时隐藏滚动条?

  13. 13

    我想实现相对于窗口滚动条的div滚动条

  14. 14

    隐藏嵌套div的滚动条,但仍使其可滚动

  15. 15

    使用Headroom JS隐藏滚动条上的导航栏,并在需要时显示

  16. 16

    在滚动条上显示滚动条,否则将其隐藏,将其z-index置于首位

  17. 17

    UITableVIewController在滚动条上显示文本

  18. 18

    固定div在我的窗口滚动条上

  19. 19

    协助在JTextArea上显示滚动条?

  20. 20

    通过<a> |显示/隐藏Div。保存滚动条| 保存状态

  21. 21

    Flexbox div上的渲染滚动条不是浏览器窗口

  22. 22

    如何隐藏溢出:在居中的div中滚动滚动条

  23. 23

    在窗口滚动条上显示/隐藏div

  24. 24

    在滚动条上更改div(隐藏/显示)

  25. 25

    div上的水平滚动条,其中包含动态内容,并且隐藏了y溢出

  26. 26

    如何在不隐藏正文滚动条的情况下在固定 div 上滚动时禁用正文滚动?

  27. 27

    动态显示和隐藏滚动条

  28. 28

    全屏 div 显示滚动条

  29. 29

    如何避免由于鼠标进入时显示和隐藏滚动条而导致 div 闪烁

热门标签

归档