滚动 100px 后将 div 位置设置为固定?

2023-12-15

我尝试使用以下函数,以便在滚动 100 px 后将 div 的位置设置为距离顶部 100 px。

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(window).scroll(function(){
    $("#header").css("top",Math.max(0,100-$(this).scrollTop()));
});
</script>
<div class="header"  style="position:fixed;top:100px;background-color:red">something</div>

它不起作用(div 坚持其固定位置)。看来该功能与 div 无关。我的问题是什么?


你的问题是你的divclass标题,而不是id. Try <div id="header" style="position:fixed;top:100px;background-color:red">something</div>

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

滚动 100px 后将 div 位置设置为固定? 的相关文章

随机推荐

  • Schema.org 的丰富片段通过 JSON+LD 实现,但未被爬虫抓取

    我们已经为产品类型实现了丰富的摘要 也为组织类型实现了丰富的摘要 两种类型的属性都传递到 JSON LD 类型脚本包装器中 请在此处查看标记和验证 结构化数据测试工具 Google 选择组织类型 这是可以验证的 因为我们实际上更改了组织卡上
  • 处理加速度计数据

    我想知道是否有一些库 算法 技术可以帮助从加速度计数据 从任何智能手机中提取 中提取用户上下文 步行 站立 例如 我会在一段时间内每 5 秒收集一次加速度计数据 然后识别用户上下文 例如 前 5 分钟 用户在走路 然后用户站立一分钟 然后他
  • 如何在 lambda 层中本地调试依赖项?

    我正在从 dockerfile 创建一个 lambda 层 它将 python 包安装到一个目录并压缩结果 FROM amazonlinux WORKDIR RUN yum update y Install Python 3 7 RUN y
  • 在字符集之间转换文本文件的最佳方法?

    在字符集之间转换文本文件的最快 最简单的工具或方法是什么 具体来说 我需要从 UTF 8 转换为 ISO 8859 15 反之亦然 一切顺利 用您最喜欢的脚本语言 命令行工具或操作系统 网站等的其他实用程序编写单行代码 迄今为止最好的解决方
  • 有没有办法在单个 npmrc 文件中配置多个注册表

    这是我的问题 我们有一个私人 NPM 注册表 仅适用于 VPN 我想要一个后备注册表https registry npmjs org这样当我退出 VPN 时 它就能无缝运行 P S 目前我正在使用npmrc这在之间的切换方面做得很好 npm
  • 如何将SDL2纹理渲染到GTK3+窗口中?

    我正在创建一个音乐播放器并尝试使用 GTK3 来创建用户界面 我正在使用 SDL CreateWindowFrom 函数让 SDL2 使用 GTK3 窗口而不是创建一个窗口 但无法弄清楚将 SDL2 纹理渲染到 GTK3 窗口中需要遵循的步
  • iOS 9 Facebook 登录模拟器 -canOpenURL:URL 失败:“fbauth2:///” - 错误:“(null)”

    我已更新到 Xcode 7 和最新的 iOS SDK 我已在应用程序的 plist 中添加了适当的条目 我的应用程序的 Facebook 登录在设备上运行良好 然而 在 iOS 9 模拟器上 我得到 canOpenURL failed fo
  • Android:如何使用JobService的JobFinished

    我没有看到使用 JobService 的 jobFinshed 的示例 似乎我们必须在满足某些条件时跟踪更改 我们必须调用jobFinished 方法 我说得对吗 打电话的难度jobFinished 来自另一个班级 例如IntentServ
  • 在画布上绘制图像

    我正在尝试将图像放在画布上 我阅读了以下教程https developer mozilla org en US docs Web Guide HTML Canvas tutorial Using images并尝试做类似的事情 我的画布是
  • 如何从循环中获取 tkinter 条目

    我想制作一个带有多个 tkinter Entry 小部件的程序 我使用 for 循环来制作多个 Entry 小部件 但我怎样才能从中获得价值呢 我的测试代码 from tkinter import root Tk variables ent
  • 设置状态栏色调颜色

    我有一个选项卡式栏应用程序 状态栏色调颜色设置为默认 因此在整个应用程序中它始终是我选择的蓝色 然而 在一种视图中 我隐藏了导航栏 如下所示 self navigationController setNavigationBarHidden
  • 在 mongodb C++ 驱动程序中使用声明“未找到”

    我使用基于 mongo c driver 1 6 2 的 mongo cxx driver r3 1 1 使用github 上提供的最新示例 我设法找到了如何连接数据库以及如何保存文档 我正在努力使用过滤器按照中提供的信息获取结果mongo
  • 有没有办法在等待输入时有一个倒计时器?

    我正在尝试创建一个简单的游戏 在计时器用完之前需要用户输入 基本上 页面会加载一段时间 并等待用户说出正确答案 如果时间用完 游戏就结束 但如果用户答对了 他就会继续下一个问题 我已经解决了演讲部分 我只需要弄清楚计时器 有没有一种简单的方
  • 为什么 img 标签接受 margin-top 属性?

    我想知道为什么img标签接受边距顶部属性吗 这不是内联标签吗 内联标签不接受顶部和底部边距 这是因为 img 是内联的replaced元素并且它确实接受margin top 它的行为与内联不同不可更换元素 如span例如 规范的相关部分详细
  • twitter bootstrap 自定义轮播指示器

    我想用这样的东西改变轮播指示器 我的轮播指示器有这样的标记 ol class carousel indicators li class active h4 IMAGE1 h4 br h5 subtitle h5 br span span l
  • Swift popToRoot 不工作

    这个突出显示的行是 popToRoot 应该继续进行的地方 成功注册后 它应该重定向到根视图控制器 由于某种原因 它对我不起作用 实际上什么也没有发生 甚至没有错误 我尝试过 self navigationController popToR
  • 使用 Web 服务的 HTTP POST

    我一直在谷歌上进行一些搜索 但在这个主题上只取得了部分成功 我想知道是否有人可以建议一个使用 C 执行 HTTP POST 将 XML 发送到 HTTP 服务的示例 我有一个 asmx Web 服务 可以从数据库中提取数据 并将该数据保存到
  • C#中有什么东西可以用作数据库触发器

    我的 ERP 数据库 A 只有读取权限 我无法在表上创建触发器 A是为ERP系统制作的 对我来说是未知程序 我有另一个数据库 B 它是我的应用程序专用的 该应用程序在两个数据库上工作 我想立即将 A 的更改 对于任何插入 更新 删除 反映给
  • 如何将一个简单的div直接覆盖在一个简单的html表格td之上?

    我有一个简单的 html 表 其中每个 tr 有一个用于标签的 td 和一个用于内容的 td 我正在寻找最正确 最有效的方法来在 内容 td 的顶部绘制一个 div 从而使标签可见 如果可能的话 计划是让第二个 td 被覆盖层 隐藏 如果有
  • 滚动 100px 后将 div 位置设置为固定?

    我尝试使用以下函数 以便在滚动 100 px 后将 div 的位置设置为距离顶部 100 px div class header style background color red something div 它不起作用 div 坚持其