解决锚点不改变url问题

文章描绘了时光如风般悄然流逝,模块内容分别围绕岁月的轮回、记忆的沉淀以及对过去时光的怀念展开,表达了对岁月变迁的感慨和对过去的珍视。岁月被比喻为维修机,强调了接纳和淡然的心态,而每个模块都承载了一段独特的情感和思考。

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

<div class="wrapper">
    <ul class="left-wrapper">
        <li data-id="mk1"><a>模块1</a></li>
        <li data-id="mk2"><a>模块2</a></li>
        <li data-id="mk3"><a>模块3</a></li>
    </ul>
    <ul class="right-wrapper">
        <li id="mk1">
            <p class="md-title">模块1</p>
            <p>岁月轮转,时光静静的流逝,金秋的风,悄悄地拂过窗棂,轻轻地掀起清秋的面纱,听风,唱响时间的流淌,穿过,岁月沧桑的河岸,岁月轮转,时光静静的流逝,金秋的风,悄悄地拂过窗棂,轻轻地掀起清秋的面纱,听风,唱响时间的流淌,穿过,岁月沧桑的河岸,岁月轮转,时光静静的流逝,金秋的风,悄悄地拂过窗棂,轻轻地掀起清秋的面纱,听风,唱响时间的流淌,穿过,岁月沧桑的河岸,岁月轮转,时光静静的流逝,金秋的风,悄悄地拂过窗棂,轻轻地掀起清轻轻地掀起清秋的面纱,听风,唱响时间的流淌,穿过,岁月沧桑的河岸,岁月轮转,时光静静的流逝,金秋的风,悄悄地拂过窗棂,轻轻地掀起清秋的面纱,听风,唱响时间的流淌,穿过,岁月沧桑的河岸,仿佛,经年就在眼前,那些消失在岁月长河里的人和事,还有一些一些的美丽,都化着点滴斑斓,飞散在这个季节深处。岁月,就是一轮维修机,有再多磨合都已不在重要,重要的是有一颗宽容,淡定,从容的心。守着一份份清淡,生活已不再那么烦躁,或许,生活就是要我们简单随和,就是最好……
            </p>
        </li>
        <li id="mk2">
            <p class="md-title">模块2</p>
            <p>当季节逐渐走向冷凉,那些花丛草间的美丽,都已被枯黄所逐渐替代 。岁月,当季节逐渐走向冷凉,那些花丛草间的美丽,都已被枯黄所逐渐替代
                。岁月,就是一道道流程相拼的组合,无论那一程时光失去美丽,当季节逐渐走向冷凉,那些花丛草间的美丽,都已被枯黄所逐渐替代
                。岁月,就是一道道流程相拼的组合,无论那一程时光失去美丽,当季节逐渐走向冷凉,那些花丛草间的美丽,都已被枯黄所逐渐替代
                。岁月,就是一道道流程相拼的组合,无论那一程时光失去美丽,就是一道道流程相拼的组合,无论那一程时光失去美丽,都会有一段记忆在心底存着。人的思维有时候就是那样脆弱,即使,一滴滴的念想,都能牵动着脉搏为此波动。怀念那一段段时光,怀念那些有山,有水,有花,有草的日子里,相互走过的岁月,相拥过的时光,相许过的年华。看青春的影子逐渐远去,那些曾经拥有的,失去的,美丽的,忧伤的,都只不过是一场梦。唯此,心歇淡然,守望宁静,安放一处淡泊,于岁月深处,随风起舞,将爱依旧继续……
            </p>
        </li>
        <li id="mk3">
            <p class="md-title">模块3</p>
            <p>回眸,岁月渐渐模糊,在时光拉长的剪影里,任一束束目光写满着留恋,茫然,而期许。时光无痕,风过而淡漠,心念间,愁肠百结,无奈,心绪满怀,回眸,岁月渐渐模糊,在时光拉长的剪影里,任一束束目光写满着留恋,茫然,而期许。时光无痕,风过而淡漠,心念间,愁肠百结,无奈,心绪满怀回眸,岁月渐渐模糊,在时光拉长的剪影里,任一束束恍然而无神韵,心门,在一线阳光的背后,总感觉那么寒意。是否?是这秋色预兆寒气即将来临,是否?是这一季秋凉还会把愁绪继续。看过一路风景,走过几程时光,游走的心,总有几许失落。时光走了,季节轮换了,而生活,依旧处于低落的状态里。浅笑,一抹苦涩于心头,回味,纠结中,似乎忧心还在。光影叠幻,思绪搁浅,微笑总是那么牵强。总想,牵时光的手,温暖于岁月,温暖于我,在清宁的日子里,感受这份季节的暖意……
            </p>
        </li>
    </ul>
</div>
$(".left-wrapper").delegate('li', 'click', function () {
    const curId = $(this)[0].dataset.id;
    document.getElementById(curId).scrollIntoView(true);
})
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值