在窗口滚动条上显示/隐藏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

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

来自分类Dev

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

来自分类Dev

隐藏DIV的滚动条

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

如何在div上显示滚动条?

来自分类Dev

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

来自分类Dev

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

来自分类Dev

全屏 div 显示滚动条

来自分类Dev

UITableVIewController在滚动条上显示文本

来自分类Dev

协助在JTextArea上显示滚动条?

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

动态显示和隐藏滚动条

Related 相关文章

  1. 1

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

  2. 2

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

  3. 3

    隐藏DIV的滚动条

  4. 4

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

  5. 5

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

  6. 6

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

  7. 7

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

  8. 8

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

  9. 9

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

  10. 10

    如何在div上显示滚动条?

  11. 11

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

  12. 12

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

  13. 13

    全屏 div 显示滚动条

  14. 14

    UITableVIewController在滚动条上显示文本

  15. 15

    协助在JTextArea上显示滚动条?

  16. 16

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

  17. 17

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

  18. 18

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

  19. 19

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

  20. 20

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

  21. 21

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

  22. 22

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

  23. 23

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

  24. 24

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

  25. 25

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

  26. 26

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

  27. 27

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

  28. 28

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

  29. 29

    动态显示和隐藏滚动条

热门标签

归档