Question

我创建了一个用于在滚动时计算高度的代码。

当窗口高度大于我的第一个div部分的高度时，第二部分将显示。
当我从底部回到顶部时，第二部分将隐藏。

代码：

$(window).scroll(function() {
   var $height = $(window).scrollTop();

    var outerheigth = $(".smart-light-top-bnr").height();

    var sliderheigth = $(".smart-light-edu1").height();

    var outheigth = parseInt(outerheigth)+parseInt(sliderheigth);

      if($height >= outerheigth && $height <= outheigth) {
        document.getElementById("smart-light-edu").style.display = "block"; 

    } else {
        document.getElementById("smart-light-edu").style.display = "none"; 

    }});

问题：当我回到窗口顶部时，div没有隐藏。

谢谢

Answer 1

啊！经过搜索并遇到一些错误，最终我得到了解决方案。这是代码：

$(window).scroll(function() {
   var $height = $(window).scrollTop();
    var outerheigth = $(".smart-light-top-bnr").height();
    var sliderheigth = $(".smart-light-edu1").height();
    var outheigth = parseInt(outerheigth)+parseInt(sliderheigth);

    if($height >= outerheigth && $height <= outheigth) {
        swiper.init();
    }

});

祝您编程愉快！

计算滚动时的窗口高度

1 个答案: