页面某个div固定在顶部

最新推荐文章于 2024-04-25 15:04:32 发布

廖廖你好

最新推荐文章于 2024-04-25 15:04:32 发布

阅读量3.2k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： jQuery 页面效果文章标签： jquery div固定监听鼠标滑动距离

本文链接：https://blog.youkuaiyun.com/u011119997/article/details/51272356

jQuery 页面效果专栏收录该内容

1 篇文章

订阅专栏

这篇博客介绍了如何使用jQuery监听鼠标滑动距离，当页面滚动到一定位置时，将指定id为'head'的div元素固定在顶部，提供了一段包含div布局和jQuery实现的代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

页面内容：

js部分，为了方便引用了jquery

$(window).scroll(function (){//鼠标滚动距离 var st = $(this).scrollTop(); if (st > 92 || st == 92) { $("#l_main").css({"position":"fixed","top":"0px","left":"0px","width":"38%"}); }else if(st < 92){ $("#l_main").css({"position":"relative","top":"0px","left":"0px","width":"100%"}); } });