听书人

在鸡零狗碎操蛋的生活中找到闪闪发光的太阳

Sticky 粘住

听书人 · 沦陷于 · 2021/10/24 · 阅:78

记一下粘住代码,视频转GIF百度找的一个在线视频转GIF网站。

Sticky 粘住.gif
Sticky 粘住.gif

    <script src='https://src.axui.cn/src/plugins/hc-sticky/hc-sticky.min.js'></script>
    <script type="text/javascript">
        var Sticky = new hcSticky('.right', {
          stickTo: 'main'
        });
      </script>
<header></header>
<main>
    <div class="left">
        <section></section>
        <section></section>
        <section></section>
        <section></section>
        <section></section>
        <section></section>
        <section></section>
        <section></section>
        <section></section>
        <section></section>
        <section></section>
    </div>
    <div class="right">
        <section></section>
        <section></section>
        <section></section>
        <section></section>
        <section></section>
        <section></section>
        <section></section>
        <section></section>
    </div>
    <div class="ax-clear"></div>
</main>
<footer></footer>
<style>
  header,footer{
    height:60px;
    background-color: rgba(0,0,0,.04);
    z-index: 2;
  }
  main{
   width:80%;
   margin:14px auto;
 
  }
  .left{
      width:calc(100% - 214px);
      background-color: rgba(0,0,0,.04);
      float: left;
  }
  .right{
    width:200px;
    background-color: rgba(0,0,0,.04);
      float: right;
 
  }
   section{
        height:100px;
        background-color: rgba(0,0,0,.04);
        margin:10px;
    }
</style>
最后更新:2021-10-24
粘住
文章分享
折叠评论
评论 暂无评论