Fatal编程技术网
  • javascript/
  • Javascript 默认情况下，使用JQuery:Image-on-Scroll-Down函数加载图像，而不是保持隐藏状态

Javascript 默认情况下，使用JQuery:Image-on-Scroll-Down函数加载图像，而不是保持隐藏状态

javascript jquery image

Javascript 默认情况下，使用JQuery:Image-on-Scroll-Down函数加载图像，而不是保持隐藏状态,javascript,jquery,image,Javascript,Jquery,Image,我是一个jquery新手，试图让我的徽标保持隐藏状态，并且只在向下滚动时才显示 以下jquery代码的问题在于，当我加载网站时，它会使我的徽标出现 代码只在我滚动一次时按预期工作，但是我想让jquery加载隐藏图像的页面。如何修复以下代码以实现此目的 <script> (function($) { var $logo = $('.logo'); $(window).on('scroll', function() { $logo.css({display:

我是一个jquery新手，试图让我的徽标保持隐藏状态，并且只在向下滚动时才显示

以下jquery代码的问题在于，当我加载网站时，它会使我的徽标出现

代码只在我滚动一次时按预期工作，但是我想让jquery加载隐藏图像的页面。如何修复以下代码以实现此目的

<script>
(function($) {
    var $logo = $('.logo');
    $(window).on('scroll', function() {
       $logo.css({display: $(window).scrollTop() > 300 ? "block":"none"});
    });
})(jQuery)</script>


（函数（$）{
变量$logo=$（'.logo'）；
$（窗口）.on（'scroll'，function（）{
$logo.css（{display:$（window.scrollTop（）>300？“block”：“none”}）；
});
})（jQuery）
您应该在加载
css时隐藏该元素或不显示该元素

您可以直接从css执行此操作（我建议这样做），如下所示：

或者，使用jQuery执行以下操作：

在
var$logo=$（'.logo'）上方添加
$（'.logo'）.css（'display'，'none'）

然后，为了使它再次可见，
$（'.logo'）.css（'display'，'block'）


希望有帮助
 使用css将
display:none
添加到您的徽标中，当页面加载时，它最初不会出现。哇！我不敢相信这是那么简单的修复。非常感谢。我建议不要在页面加载时使用Javascript来隐藏元素，因为在Javascript下载并运行之前，元素仍会在页面上显示数毫秒。CSS是一条发展之路。

.logo{
    display: none;
    // or
    visibility: hidden;
}