博客网站侧边栏跟随固定浮动的效果

技术论点 Loading... 阅读 0

今天用最简单的方法实现右侧边栏目跟随浮动的效果,理论上是所有内容都可以实现的。

只要用导入的代码选择网站对应的选择参数就能生效,我网站两边都用了浮动跟随效果,之前的代码修改后无效,然后没办法就继续折腾,换其他的代码、

找了很久,突然发现超级舒服的代码,咱们直接导入之后选择好需要实现浮动跟随效果的div值就行了,其他的不用管,代码自己搞定。

突然简单的方法就是好用。

<script type="text/javascript" src="theia-sticky-sidebar.js"></script>
<script type="text/javascript">  
  jQuery(document).ready(function() {  
    jQuery('.jjjj').theiaStickySidebar({  
      // Settings  
      additionalMarginTop: 30  
    });  
  });  
</script>

咱们可以用上面的代码放到我们自己的网站对应页面就行了,其中的 .jjjj 是我们的选择器,class或者id 都是可以的。

博客网站侧边栏跟随固定浮动的效果

第三方集成js代码下载地址:下载后替换掉 theia-sticky-sidebar.js  文件就行了;

下载地址:https://i.qqooo.cn/zblog/wowowowowow88.js

Tags:

版权声明:若无特殊注明,本文皆为《长行客》原创,转载务必保留文章来源。

本文链接:博客网站侧边栏跟随固定浮动的效果 & https://www.mxooo.cn/148/

推荐阅读
发表评论 取消回复
表情 图片 链接 代码

分享