有的时候侧边栏很短,而文章又很长,这时候用悬浮跟随就比较好看了,不会出现光秃秃的左侧内容。所以,用这个代码绝对好。
也可以把侧边栏的广告内容圈起来,用户往下拉广告跟着跑,能大大增加曝光率,让广告位也更值钱。
引用代码:
// 侧边悬停代码 <script type="text/javascript" src="/static/wenxue/xuanfu.js"></script> <script type="text/javascript"> jQuery(document).ready(function() { jQuery('.nikanwo').theiaStickySidebar({ // Settings additionalMarginTop: 0 }); }); </script>
放到你网站的页脚就行,别放在页眉,因为随便放哪儿都是可以的。之后在你需要悬停的位置用一个class包起来,无论是div还是span都可以。它的值是 .nikanwo
,你也可以自己修改。
完整代码:
打开网址 https://img.slhq.cn/2021/2863cdd42146f.js 自己保存到本地就行了。改个名字,要和上面引用的对应起来。
实例演示:
图片很大,目前用京东图床,再记录几个其他源,害怕文件失效。