Jquery 当主体高度大于视口高度时隐藏和显示div

我一直在尝试根据屏幕高度隐藏和显示固定的div。它适用于移动电话，当滚动条出现时，div就会出现。这适用于小屏幕

这是我正在使用的代码

$(document).ready(function () {
    if ($("body").height() > $(window).height()) {
        jquery("textdiv").fadeIn(200);
    } else {
        jquery("textdiv").hide(100);
    }
});

你可以看到我在这方面的成就

---

如果你还想从我这里得到什么，请告诉我。我确信我使用的代码有一些错误。

您所使用的代码似乎工作正常，您只是有一些文本错误：

jquery

->

jquery

---

textdiv

->

.textdiv

您所做的似乎很好，只是有一些文本错误：

jquery

->

jquery

---

textdiv

->

.textdiv

您使用的选择器正在查找一个显然不存在的标记名

textdiv

。在选择器中为类添加点前缀

$(".textdiv").fadeIn(200);

---

您正在使用的选择器正在查找一个显然不存在的标记名

textdiv

。在选择器中为类添加点前缀

$(".textdiv").fadeIn(200);

---

如果您正在寻找一种响应性强的设计，那么css可能是比在jquery中做事情更好的选择。您可以使用媒体查询作为各种属性上的“if/else”函数，在您的情况下为屏幕宽度。请读一读。下面是一个例子：

@media all and (max-width: 699px) and (min-width: 520px), (min-width: 1151px) {
  .yourclass {
    display:none;
  }
}

---

如果您正在寻找一种响应性强的设计，那么css可能是比在jquery中做事情更好的选择。您可以使用媒体查询作为各种属性上的“if/else”函数，在您的情况下为屏幕宽度。请读一读。下面是一个例子：

@media all and (max-width: 699px) and (min-width: 520px), (min-width: 1151px) {
  .yourclass {
    display:none;
  }
}

---

如果其他人正在寻找类似的东西，我已经进一步研究了Explosion Pills的答案，并添加了额外的代码，使代码在调整窗口大小时运行，当有人向下滚动到页面底部时div消失

查看下面的代码，然后用JS提琴

$(window).bind('resize',function () {

    if ($("body").height() > $(window).height()) {
        jQuery(".textdiv").fadeIn(200);
    } else {
        jQuery(".textdiv").hide(100);
    }
});

$(window).scroll(function() {
                if ($("body").height() <= ($(window).height() + $(window).scrollTop())) {
                    $(".textdiv").css("display","none");
                }else {
                    $(".textdiv").css("display","block");
                }
            });

$（窗口）.bind（'resize'，函数（）{
如果（$（“正文”）.height（）>$（window.height（））{
jQuery（“.textdiv”）.fadeIn（200）；
}否则{
jQuery（“.textdiv”）.hide（100）；
}
});
$（窗口）。滚动（函数（）{
如果（$（“body”）.height（）以防其他人正在寻找类似的东西，我已经进一步研究了爆炸药丸的答案，并添加了额外的代码，使代码在调整窗口大小时运行，并且当有人向下滚动到页面底部时div消失

查看下面的代码，然后用JS提琴

$(window).bind('resize',function () {

    if ($("body").height() > $(window).height()) {
        jQuery(".textdiv").fadeIn(200);
    } else {
        jQuery(".textdiv").hide(100);
    }
});

$(window).scroll(function() {
                if ($("body").height() <= ($(window).height() + $(window).scrollTop())) {
                    $(".textdiv").css("display","none");
                }else {
                    $(".textdiv").css("display","block");
                }
            });

$（窗口）.bind（'resize'，函数（）{
如果（$（“正文”）.height（）>$（window.height（））{
jQuery（“.textdiv”）.fadeIn（200）；
}否则{
jQuery（“.textdiv”）.hide（100）；
}
});
$（窗口）。滚动（函数（）{
如果（$（“主体”）。高度（）@user1865348我还注意到你同时使用
$
和
jQuery
。你真的应该只使用oneThata一个非常好的技巧。请记住不要..再次感谢。@user1865348我还注意到你同时使用
$
和
jQuery
。你真的应该只使用oneThata一个非常好的技巧..威尔p记住不要…再次感谢。嘿，谢谢，我试过这个，问题是我需要一些基于身体高度和窗户高度显示和隐藏div的东西。这只会根据窗户高度改变高度。嘿，谢谢，我试过这个，问题是我需要一些基于身体高度和t显示和隐藏div的东西窗口高度。这仅根据窗口高度更改高度。