关于京东购物车中一个店铺加购商品过多时,店铺名称不被划走的实现
主要看第一行,下面上代码
<template>
<div style="height: 1000px; overflow: auto">
<article>
<section>
<h4 style="background: pink">文章标题,这是一个测试标题132人</h4>
<div>
ni hao 这 瑟吉欧
耦合测试后几千万就,不信好吧加快速度,hjkh交换空间很快就会
电视剧好看,数控刀具阿胶问了句季丹丹mmm,但是凯迪拉克记录卡大晚上求偶。。。
ni hao 这 瑟吉欧
耦合测试后几千万就,不信好吧加快速度,hjkh交换空间很快就会
电视剧好看,数控刀具阿胶问了句季丹丹mmm,但是凯迪拉克记录卡大晚上求偶。。。
</div>
</section>
<section>
<h4 style="background: red">文章标题,这是一个测试标题133人</h4>
<div>
ni hao 这 瑟吉欧
耦合测试后几千万就,不信好吧加快速度,hjkh交换空间很快就会
电视剧好看,数控刀具阿胶问了句季丹丹mmm,但是凯迪拉克记录卡大晚上求偶。。。
ni hao 这 瑟吉欧
耦合测试后几千万就,不信好吧加快速度,hjkh交换空间很快就会
电视剧好看,数控刀具阿胶问了句季丹丹mmm,但是凯迪拉克记录卡大晚上求偶。。。
</div>
</section>
<section>
<h4 style="background: green">文章标题,这是一个测试标题134人</h4>
<div>
ni hao 这 瑟吉欧
耦合测试后几千万就,不信好吧加快速度,hjkh交换空间很快就会
电视剧好看,数控刀具阿胶问了句季丹丹mmm,但是凯迪拉克记录卡大晚上求偶。。。
ni hao 这 瑟吉欧
耦合测试后几千万就,不信好吧加快速度,hjkh交换空间很快就会
电视剧好看,数控刀具阿胶问了句季丹丹mmm,但是凯迪拉克记录卡大晚上求偶。。。
</div>
</section>
<section>
<h4 style="background: blue">文章标题,这是一个测试标题135人</h4>
<div>
ni hao 这 瑟吉欧
耦合测试后几千万就,不信好吧加快速度,hjkh交换空间很快就会
电视剧好看,数控刀具阿胶问了句季丹丹mmm,但是凯迪拉克记录卡大晚上求偶。。。
ni hao 这 瑟吉欧
耦合测试后几千万就,不信好吧加快速度,hjkh交换空间很快就会
电视剧好看,数控刀具阿胶问了句季丹丹mmm,但是凯迪拉克记录卡大晚上求偶。。。
</div>
</section>
<section>
<h4 style="background: rgb(148, 34, 53)">
文章标题,这是一个测试标题136人
</h4>
<div>
ni hao 这 瑟吉欧
耦合测试后几千万就,不信好吧加快速度,hjkh交换空间很快就会
电视剧好看,数控刀具阿胶问了句季丹丹mmm,但是凯迪拉克记录卡大晚上求偶。。。
ni hao 这 瑟吉欧
耦合测试后几千万就,不信好吧加快速度,hjkh交换空间很快就会
电视剧好看,数控刀具阿胶问了句季丹丹mmm,但是凯迪拉克记录卡大晚上求偶。。。
</div>
</section>
<section>
<h4 style="background: hotpink">文章标题,这是一个测试标题137人</h4>
<div>
ni hao 这 瑟吉欧
耦合测试后几千万就,不信好吧加快速度,hjkh交换空间很快就会
电视剧好看,数控刀具阿胶问了句季丹丹mmm,但是凯迪拉克记录卡大晚上求偶。。。
ni hao 这 瑟吉欧
耦合测试后几千万就,不信好吧加快速度,hjkh交换空间很快就会
电视剧好看,数控刀具阿胶问了句季丹丹mmm,但是凯迪拉克记录卡大晚上求偶。。。
</div>
</section>
<section>
<h4 style="background: darkkhaki">文章标题,这是一个测试标题138人</h4>
<div>
ni hao 这 瑟吉欧
耦合测试后几千万就,不信好吧加快速度,hjkh交换空间很快就会
电视剧好看,数控刀具阿胶问了句季丹丹mmm,但是凯迪拉克记录卡大晚上求偶。。。
ni hao 这 瑟吉欧
耦合测试后几千万就,不信好吧加快速度,hjkh交换空间很快就会
电视剧好看,数控刀具阿胶问了句季丹丹mmm,但是凯迪拉克记录卡大晚上求偶。。。
</div>
</section>
<section>
<h4 style="background: darkorange">文章标题,这是一个测试标题139人</h4>
<div>
ni hao 这 瑟吉欧
耦合测试后几千万就,不信好吧加快速度,hjkh交换空间很快就会
电视剧好看,数控刀具阿胶问了句季丹丹mmm,但是凯迪拉克记录卡大晚上求偶。。。
ni hao 这 瑟吉欧
耦合测试后几千万就,不信好吧加快速度,hjkh交换空间很快就会
电视剧好看,数控刀具阿胶问了句季丹丹mmm,但是凯迪拉克记录卡大晚上求偶。。。
</div>
</section>
<section>
<h4 style="background: darkorchid">文章标题,这是一个测试标题140人</h4>
<div>
ni hao 这 瑟吉欧
耦合测试后几千万就,不信好吧加快速度,hjkh交换空间很快就会
电视剧好看,数控刀具阿胶问了句季丹丹mmm,但是凯迪拉克记录卡大晚上求偶。。。
ni hao 这 瑟吉欧
耦合测试后几千万就,不信好吧加快速度,hjkh交换空间很快就会
电视剧好看,数控刀具阿胶问了句季丹丹mmm,但是凯迪拉克记录卡大晚上求偶。。。
</div>
</section>
<section>
<h4 style="background: darkturquoise">
文章标题,这是一个测试标题141人
</h4>
<div>
ni hao 这 瑟吉欧
耦合测试后几千万就,不信好吧加快速度,hjkh交换空间很快就会
电视剧好看,数控刀具阿胶问了句季丹丹mmm,但是凯迪拉克记录卡大晚上求偶。。。
ni hao 这 瑟吉欧
耦合测试后几千万就,不信好吧加快速度,hjkh交换空间很快就会
电视剧好看,数控刀具阿胶问了句季丹丹mmm,但是凯迪拉克记录卡大晚上求偶。。。
</div>
</section>
<section>
<h4 style="background: darksalmon">文章标题,这是一个测试标题142人</h4>
<div>
ni hao 这 瑟吉欧
耦合测试后几千万就,不信好吧加快速度,hjkh交换空间很快就会
电视剧好看,数控刀具阿胶问了句季丹丹mmm,但是凯迪拉克记录卡大晚上求偶。。。
ni hao 这 瑟吉欧
耦合测试后几千万就,不信好吧加快速度,hjkh交换空间很快就会
电视剧好看,数控刀具阿胶问了句季丹丹mmm,但是凯迪拉克记录卡大晚上求偶。。。
</div>
</section>
</article>
</div>
</template>
<script>
</script>
<style lang="scss">
article h4 {
position: sticky;
// background-color: lightseagreen;
// color: #fff;
padding: 10px;
top: 0;
height: 30px;
overflow: auto;
}
article div {
background-color: lightskyblue;
height: 100px;
}
</style>