<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);
})