js 实现标题模块置顶显示

最新推荐文章于 2024-02-26 13:37:34 发布

xqian诗一

最新推荐文章于 2024-02-26 13:37:34 发布

阅读量1.6k

点赞数

分类专栏： js 文章标签： jquery

本文链接：https://blog.csdn.net/huohuanyu1/article/details/75579546

版权

该博客介绍了如何使用jQuery实现页面滚动时标题模块固定在顶部的置顶显示效果。通过修改jQuery文件并运行代码，达到了简单但可能不完美的实现。作者计划在未来寻找更优的解决方案。

摘要由CSDN通过智能技术生成

实现的是当页面停留在某一模块的任一位置时，头部标题模块固定在顶部，置顶显示。
修改引入的jQuery文件，直接运行即可。此实现方法有点笨拙，以后想到更好的方式再优化吧^_^

实现效果：
这里写图片描述

代码如下：

<!DOCTYPE html>
<html>
<head>
    <style>
        .add-list{
    border:1px solid #e7e7e7;min-height: 500px; height: auto; font-family: "微软雅黑"}
        .add-list dt{
    background:#f8fafc;border-bottom:1px solid #e7e7e7;font-size: 14px;color: #ff6666;height: 38px;line-height: 38px; }
        .add-list dt em{
    font-size: 14px; font-weight: 800;font-style: normal;}
        .add-line{
    height: 36px;line-height: 36px;padding: