当前位置:首页 > 建站知识 > 正文内容

theia Sticky Sidebar获取数据不准确侧栏底部无法对齐

admin4年前 (2021-08-10)建站知识651

据莹莹观察,大部分Zblog网站侧栏跟随浮动效果都是通过theia Sticky Sidebar这个JS实现的,此方法几乎可以实现完美跟随。因此莹莹在另一个网站也使用了这个JS。可正确添加上代码以后,出现了侧边栏与主体内容底部无法对齐的问题。起初我尝试了减少主体页面高度和增加侧栏高度的方法,还是无法解决不对齐问题,最后终于通过修改原JS数据得以解决,其实非常简单。

侧边栏与主体内容底部无法对齐.jpg

1、打开theia Sticky Sidebar代码,搜索collapsedBottomHeight,找到如下位置。下图中“-15”处原始数据是0,只需要调整数据大小匹配到自己网站直至高度相同即可。

所要修改的位置.jpg

2、调整后即可对齐显示。

对齐后的样子.jpg

扫描二维码推送至手机访问。

版权声明:本文由莹莹笔记发布,如需转载请注明出处。

本文链接:http://ynyn34.com/jzzs/13.html

标签: ZblogPHP学习
分享给朋友:

相关文章

zblog文章中有图时显示缩略图,无图时只显示摘要文字的方法

当前的zblog带缩略图主题模板,大都是采用了文章中有图时,提取第一张图片作为缩略图,文章内容中无图时,自定义一张或者几张图片作为默认缩略图的方式。有不少用户希望,无图时只显示摘要文字,通过什么方法实现呢?1、通过IF判断语句识别内容是否有...

zblog提取文章中的三张或四张图片作为缩略图的代码

zblog提取文章中的三张或四张图片作为缩略图的代码

zblog提取文章中的三张或四张图片作为缩略图的代码。{php}$pattern="/<img.*?src=[\'|\"](.*?)[\'|\"].*?[\/]?>/i";...

Zblogphp调用相关文章的两种方法

用户在阅读Zblogphp网站文章时,没有哪个站长希望他们看完一篇直接关闭网页离开,而是愿意他们能多看几篇,从而降低网站跳出率,提升用户体验的深度。为了达到这种效果,站长们经常会在文章中插入相关文章推荐,可一篇一篇地添加实在太麻烦。这时我们...

网站搬家后更换服务器IP,如何告诉百度蜘蛛快点爬取新IP

网站搬家后更换服务器IP,如何告诉百度蜘蛛快点爬取新IP

做网站时间稍微长一点的站长都有过搬家的经历,搬家之后,服务器IP就会更换,百度蜘蛛并不会第一时间立刻去新服务器爬取,而是会继续爬取老IP的地址,有时甚至因为老地址已经清空数据,蜘蛛爬取时会返回抓取失败,这是会导致网站降权的。倘若您老地址能一...

zblog1.7自带缩略图调用方法(有图时调用第一张图片无图默认)

zblog1.7版本升级后,缩略图有了新的调用方法,无需经过复杂的PHP判断和处理,一两行代码就可以解决缩略图的调用、裁剪等诸多问题,下面的代码是zblog1.7自带略缩图调用方法,实现的效果为文章内容中有图片时,将第一张图片缩小至指定尺寸...

莹莹的故事铺子更新招牌啦

小伙伴们好,欢迎光临莹莹的故事铺子~在招待了1094位过客er后,老版招牌终于光荣退役啦。很久以前就想着重新更新一下这块牌子啦,毕竟四年内, 无论是我们, 还是Gorkor, 都发生了太多太多的变化,老版招牌也许已经不能再说明如今我们的心境...