12.6 《初见》内容页左右两端对齐


avatar
pcwnas 2022-10-04 192

第一步,修改comm.js,在最后一个});加上以下代码

//aside
    var Sticky = new hcSticky('aside', {
      stickTo: 'main',
      innerTop: 200,
      followScroll: false,
      queries: {
        480: {
          disable: true,
          stickTo: 'body'
        }
      }
    });

第二步,上传hc-sticky.js,并且在博客内容模板</head>前增加调用

<script src="[!--news.url--]skin/html/js/hc-sticky.js"></script>

第三步,在<div class="box">下方增加一句<main>,位置如下:

<div class="box">
<main>
  <div class="blogs_info_page">

第四步,在</div>位置前增加一句</main>,位置如下:

</main>
</div>
[!--temp.footer--]

第五步, <aside>标签改成:

 <aside class="rbox">

最后,刷新内容页

 

暂无评论

当前仅支持登录后发布评论