javascript - 当我向下滚动一定数量时,我试图让一个 div 出现?

标签 javascript html css

只是试图在我使用一些 js 和 html 向下滚动时显示一个 div,但似乎不起作用,我不确定为什么?

$(document).scroll(function() {
  var y = $(this).scrollTop();
  if (y > 200) {
    $('.aboutfilmandcrew').fadeIn();
  } else {
    $('.aboutfilmandcrew').fadeOut();
  }
});



#aboutfilmandcrew {
    width: 100%;
    float: left;
}

最佳答案

你应该尝试使用 window 而不是 document :

$(window).on('scroll', function() { ... });

您的其余代码看起来是正确的,但在 javascript 中,您选择了类为 filmandcrew 的 div,而您的 css 正在为 ID 为 filmandcrew 的 div 设置样式。

关于javascript - 当我向下滚动一定数量时,我试图让一个 div 出现?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41079450/

相关文章:

html - 如何在该页面上使链接标签保持不同的颜色?

javascript - .insertAdjacentHTML 和 .innerHTML 之间的区别?

html - 我该如何整理这个CSS

html - 为什么不显示第二个 div 的背景图像?

javascript - 在 HTML 小部件中横向滚动

html - 让图像显示在与我的标题相同的行上

javascript - 使用 EaselJS 获取触摸设备上的 "mouse"位置

javascript - 未列出子类别的子类别

javascript - Angular5 中的旋转木马

html - 哪种 HTML 标记最适合在网格或表格中显示? (有特殊需求)