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

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

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

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

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

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

所要修改的位置.jpg

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

对齐后的样子.jpg

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

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

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

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

相关文章

怎么给ZblogPHP免费添加幻灯片效果

怎么给ZblogPHP免费添加幻灯片效果

现在好多ZblogPHP收费模板都内置了首页幻灯片功能,作为一个不想破费的建站小白,如何让自己的网站拥有同样的功能和展示效果呢?莹莹笔记发现了一种免费添加幻灯片效果的方法,需要依赖插件“幻灯片开发版”。首先在应用中心下载安装“幻灯片开发版”...

zblog调用指定分类包含子分类文章列表的代码

在制作ZblogCMS模板时,经常会用到调用指定分类包含子分类文章列表的代码,特意整理记录,防止以后想用的时候找不到。{php} $str=''; $cate=1; $array=Getlist(7,$cate,nul...

ZblogPHP网站添加首页滚动公告栏

ZblogPHP网站添加首页滚动公告栏

相信下图这种首页滚动公告栏并不陌生吧?为了展示滚动效果,莹莹特意截图了一个滚动到一半的图片。如何为ZblogPHP网站添加这种首页滚动公告栏呢?1、为首页调用JS文件添加以下滚动代码:// 文字滚动 (function($){$...

宝塔面板上传网站程序后提示:恭喜,站点创建成功

宝塔面板上传网站程序后提示:恭喜,站点创建成功

宝塔面板是当下比较流行的服务器管理软件,莹莹笔记就是使用宝塔面板+Zblog搭建。初次使用,上传过Zblog程序后,访问主页时竟然不显示网站内容,而是提示“恭喜,站点创建成功!这是默认index.html,本页面由系统自动生成”。有个别新手...

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

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

ZblogPHP判断用户是否登陆(展示不同内容)

莹莹最近在学习ZblogPHP模板制作的相关知识,其中最基础的当然是一些判断语句了,比如说判断用户是否登录,对已经登录的用户展示正文内容,对还未登录的用户不展示或者提示注册后方可访问。判断用户登录的代码还是非常简单的。{if $u...