今天用最简单的方法实现右侧边栏目跟随浮动的效果,理论上是所有内容都可以实现的。
只要用导入的代码选择网站对应的选择参数就能生效,我网站两边都用了浮动跟随效果,之前的代码修改后无效,然后没办法就继续折腾,换其他的代码、
找了很久,突然发现超级舒服的代码,咱们直接导入之后选择好需要实现浮动跟随效果的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 文件就行了;
正文结束