在滚动95个像素后，显示固定在页面顶部的Div

Revealing A Div Fixed to Page Top After Scrolling 95 Pixels

本文关键字：顶部 Div 显示 95个 滚动 像素      更新时间：2023-09-26

我有一个固定位置的div，它是这样控制的。

#backtoallprojects {
  float: none;
  position: fixed;
  top: 0px;
  right: 0px; 
  z-index:9999;
  background-color: rgba(0,0,0,0.5);
}

然而，我只希望它在页面向下滚动95像素后显示/出现。

这是因为主导航栏的高度为95px，并且它与其他按钮重叠，因此只有在主导航滚动出页面后才会显示。

如有任何帮助，将不胜感激

感谢

PS这两种我都试过了，但都没有用：

从页面顶部滚动100px后显示div

在800px 后向下滚动显示div

这对我有效：

$('#backtoallprojects').hide();
$(document).scroll(function() {
    if ($(document).scrollTop() >= 95) {
     $('#backtoallprojects').show();   
    }
    else {
        $('#backtoallprojects').hide();
    }
});

小提琴：http://jsfiddle.net/ray9209/kayweuyp/1/

感谢您的回答。jQuery脚本确实起了作用，结果我不得不改变它添加到Wordpress主题中的方式。

我需要使用"noconflict模式"，所以函数名称不用$jQuery。

相关文章：