我们在WordPress主题开发过程中会给网站设置双栏或者三栏,有时候边栏内容很多时,用户看不完边栏内容会影响内容传播,那么我们需要既要让边栏永驻又得让边栏的内容全部展现在用户可见的区域里,怎么办?
推荐大家使用一款jQuery插件,Theia Sticky Sidebar,具体介绍:https://github.com/WeCodePixels/theia-sticky-sidebar。
使用方法
1 |
<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"}); } |
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。