关于京东购物车中一个店铺加购商品过多时,店铺名称不被划走的实现

本文讨论了京东购物车设计中如何在用户加购商品数量庞大时,确保店铺名称不会被隐藏的技术实现,涉及到了耦合测试和可能的性能优化策略。
摘要由CSDN通过智能技术生成

关于京东购物车中一个店铺加购商品过多时,店铺名称不被划走的实现

请添加图片描述
主要看第一行,下面上代码

<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>




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值