Loading
0

WordPress开发之利用Theia Sticky Sidebar jQuery插件实现边栏永驻

我们在WordPress主题开发过程中会给网站设置双栏或者三栏,有时候边栏内容很多时,用户看不完边栏内容会影响内容传播,那么我们需要既要让边栏永驻又得让边栏的内容全部展现在用户可见的区域里,怎么办?

模板兔推荐大家使用一款jQuery插件,Theia Sticky Sidebar,具体介绍:https://github.com/WeCodePixels/theia-sticky-sidebar。

使用方法

<div class="post-content">文章主要内容</div>

<div class="sidebar">

    <div class="theia-Sticky-Sidebar">边栏内容</div>

</div>

if($('.sidebar').length){
        $('.theia-Sticky-Sidebar').theiaStickySidebar({"containerSelector":".post-content","additionalMarginTop":"99px"});
}

特别声明:1、本站仅提供源码学习下载,使用者需具备一定的技术基础,源码费用仅为站长辛苦整理费,不代表源码自身价值也不包含任何服务,如需完美运营请到官方购买。如需搭建、二开、bug修复等服务需额外收费,如果源码侵犯了您的利益请联系客服处理! 2、用户必须遵守《计算机软件保护条例(2013修订)》第十七条:为了学习和研究软件内含的设计思想和原理,通过安装、显示、传输或者存储软件等方式使用软件的,可以不经软件著作权人许可,不向其支付报酬。鉴于此条例,用户从本平台下载的全部源码(软件)仅限学习研究,未经版权归属者授权不得商用,若因商用引起的版权纠纷,一切责任均由使用者自行承担,本平台所属公司及其雇员不承担任何法律责任。本站邮箱:weituiw@qq.com