javascript – 当页面上的某一点通过时,使div显示

前端之家收集整理的这篇文章主要介绍了javascript – 当页面上的某一点通过时,使div显示前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
不知道从哪里开始这个真的.有没有人知道一个方法,使一个div从显示:没有(或任何类似的真的)一旦页面上的某个div被滚动过去?

解决方法

首先,给你的div一个ID – 例如dvid,并假设另一个div(你想要检测到滚动)有一个ID othdiv.
那么你可以这样做:
$(document).ready( function() {
    $("#dvid").hide(); //hide your div initially
    var topOfOthDiv = $("#othdiv").offset().top;
    $(window).scroll(function() {
        if($(window).scrollTop() > topOfOthDiv) { //scrolled past the other div?
            $("#dvid").show(); //reached the desired point -- show div
        }
    });
});

小小的jsFiddle演示:tiny little link.

原文链接:https://www.f2er.com/js/152631.html

猜你在找的JavaScript相关文章