Javascript 从顶部显示/隐藏div 500 px，从底部显示/隐藏div 500 px_Javascript_Jquery

Javascript 从顶部显示/隐藏div 500 px，从底部显示/隐藏div 500 px

javascript jquery

Javascript 从顶部显示/隐藏div 500 px，从底部显示/隐藏div 500 px,javascript,jquery,Javascript,Jquery,我有一个页面，我想在滚动后显示一个图像，比如说500px，我使用了apaul34208（）中的“如果你想在滚动若干像素后显示一个div，没有jquery”代码片段。我的代码如下所示： <!DOCTYPE html> <html> <body> <div id="myID" class="pointer hide"> <img src="image.png"> </div> <script> myID

我有一个页面，我想在滚动后显示一个图像，比如说500px，我使用了apaul34208（）中的“如果你想在滚动若干像素后显示一个div，没有jquery”代码片段。我的代码如下所示：

<!DOCTYPE html>
<html>
<body>

<div id="myID" class="pointer hide">
    <img src="image.png">
</div>

<script>
myID = document.getElementById("myID");

var myScrollFunc = function () {
var y = window.scrollY;
if (y >= 400) {
    myID.className = "pointer show"
} else {
    myID.className = "pointer hide"
}
};

window.addEventListener("scroll", myScrollFunc);

</script>
</body>
</html>

唯一的问题是，我也希望它再次消失，比如说400像素，从页面底部。页面高度因页面而异，所以我不能只设置一个范围，比如400-1000像素

<script>
 myID = document.getElementById("myID");

var myScrollFunc = function () {
var y = window.scrollY;
if (y >= 400 & y <= 1000 ) {
myID.className = "pointer show"
} else {
    myID.className = "pointer hide"
}
};
window.addEventListener("scroll", myScrollFunc);

</script>
</body>
</html>


myID=document.getElementById（“myID”）；
var myScrollFunc=函数（）{
var y=window.scrollY；
如果（y>=400&y使用document.height
获取文档的高度，并保留所需的值：
myID = document.getElementById("myID");
var myScrollFunc = function () {
    var y = window.scrollY;
    if (y >= 400 & y <= document.height - 400) {
        myID.className = "pointer show";
    } else {
        myID.className = "pointer hide";
    }
};
window.addEventListener("scroll", myScrollFunc);

myID=document.getElementById（“myID”）；
var myScrollFunc=函数（）{
var y=window.scrollY；
如果（y>=400&y
$（文档）.ready（函数（）{
$（窗口）。滚动（函数（）{
log（'scrolling'，$（window.scrollTop（），$（document.height（））；
如果（$（window）.scrollTop（）>=400&&$（window）.scrollTop（）非常感谢！效果非常好！再次感谢！）
myID = document.getElementById("myID");
var myScrollFunc = function () {
    var y = window.scrollY;
    if (y >= 400 & y <= document.height - 400) {
        myID.className = "pointer show";
    } else {
        myID.className = "pointer hide";
    }
};
window.addEventListener("scroll", myScrollFunc);