javascript - 在 JQuery 中滚动到元素时向下滑动

标签 javascript jquery html css

我想让一个 opacity:0 元素在视口(viewport)中向下滑动。我目前能够让它在滚动到时淡入,因为 jquery 代码工作的先决条件是将不透明度设置为 0。 https://jsfiddle.net/agreyfield91/5c0raLp9/

在我的 jfiddle 中,我正在尝试这样做:

$("#SlideDownOnScroll").css(
            "opacity": "1";
            "display":"none").slideDown("fast");

为了先将显示方面转换为slideDown,但它不起作用。有没有更好的方法来实现我正在做的事情,或者有什么方法可以解决它?

最佳答案

看起来 css 参数的语法不正确:

$("#SlideDownOnScroll").css({
        "opacity": "1",
        "display":"none"
  }).slideDown("fast");

在您链接的 jQuery 选择器中,选择器中缺少 #$("#SlideDownOnScroll")

关于javascript - 在 JQuery 中滚动到元素时向下滑动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44233362/

相关文章:

javascript - 简单的 onclick 页面加载器

html - 如何循环这个CSS slider 动画?

javascript - 滚动 x 量后,粘性导航栏不会到达顶部

javascript - 如何使用 underscore.js 从 JSON 文件中获取/过滤所有结果

javascript - 带 Angular Bootstrap 模态。模态框未使用特定的 data-ng-click 功能关闭

javascript - JS主干加载图片

javascript - 实时显示 Javascript 函数

javascript - 使用 Ajax 和 Javascript 从 html 按钮运行 php 文件

javascript - Firefox 和 Chrome 窗口宽度/高度显示不同

html - 是否可以在 li 标签中使用不同的列表说明符