1条回答 默认 最新
- lshen01 2023-03-16 21:34关注
参考GPT和自己的思路:
可以使用以下代码实现:
$(document).ready(function(){ var blueTop = $('#blue').offset().top; $(window).scroll(function(){ var scrollTop = $(this).scrollTop(); if(scrollTop >= blueTop){ $('#black').addClass('fixed'); }else{ $('#black').removeClass('fixed'); } }); });
上面的代码中,我们首先利用
offset()
方法获取了蓝色元素的位置,然后使用scroll()
方法监听窗口的滚动事件。当滚动距离大于等于蓝色元素的位置时,给黑色元素添加fixed
类。在 CSS 中,通过给fixed
类设置position:fixed;top:0;left:0;
实现将黑色元素固定在浏览器的顶部。如果滚动距离小于蓝色元素的位置,就将fixed
类从黑色元素上移除,黑色元素就会返回原来的位置。解决 无用评论 打赏 举报
悬赏问题
- ¥15 编辑cmake lists 明明写了project项目名,但是还是报错怎么回事
- ¥15 关于#计算机视觉#的问题:求一份高质量桥梁多病害数据集
- ¥15 特定网页无法访问,已排除网页问题
- ¥50 如何将脑的图像投影到颅骨上
- ¥15 提问一个关于vscode相关的环境配置问题,就是输入中文但是显示不出来,代码在idea可以显示中文,但在vscode不行,不知道怎么配置环境
- ¥15 netcore使用PuppeteerSharp截图
- ¥20 这张图页头,页脚具体代码该怎么写?
- ¥15 关于#sql#的问题,请各位专家解答!
- ¥20 WPF MVVM模式 handycontrol 框架, hc:SearchBar 控件 Text="{Binding NavMenusKeyWords}" 绑定取不到值
- ¥15 需要手写数字信号处理Dsp三个简单题 不用太复杂