javascript - 通过页面上的某个点时使div显示

标签 javascript jquery css html show

真的不知道从哪里开始。一旦页面上的某个 div 滚动过去,有谁知道从 display:none (或任何类似的东西)更改 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 .

关于javascript - 通过页面上的某个点时使div显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11958014/

相关文章:

javascript - Service Worker 标记为冗余

javascript - 重新声明 JavaScript 函数

javascript - 未捕获的类型错误 : undefined is not a function

javascript - Framework7 中的文件输入编程单击

css - 将布局更改为固定,居中,同时调整页脚以固定在底部

html - 删除 CSS 层次结构中的父样式

html - 获得 2 div 1 below other while third fills the space

Javascript 日期传递给运行 linq to sql 问题的 Web 服务

javascript - Highcharts 使用系列标签作为 x 轴类别

javascript - 绘图选项在可变半径饼图中不起作用