您当前的位置:首页 > 网络教程 > 帝国CMS教程

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

第一步,修改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">

最后,刷新内容页

 

你觉得文章内容怎么样

阿里云代金券 100 云产品通用

有效期30天 首购用户

立即领取
阿里云代金券 100 云产品通用

有效期30天 复购+升级

立即领取