最近在弄 Theia Sticky Sidebar v1.6.0 来实现侧栏跟随的实践,原来在zba的侧栏跟随js,放到tp主题之后,发现有些异常,其实在前天的wordpress主题mumu上面也是遇到了,现在想想,果然是细节决定成败。
侧栏跟随之异常描述
header 引用了js文件,js文件里面也匹配了侧栏的类名称,侧栏也可以正常滑动,但是滑动到下面的时候,发现可以无线往下面滑动。如果滑动的速度比较快,可以滑倒footer模块那里,正常显示,如果是慢慢的滑动,则侧栏可以无限往下面滑动。
侧栏跟随效果实现必须要注意的位置
一是js里面要写完成的侧栏类名称,必要正确;二是侧栏的这个类不能使用margin-top之类的css,如果使用了,那么会导致js计算高度的时候,永远计算不到底部,速度够慢的滑动会无限进行下去。
- $(document).ready(function() {
- $(‘#sidebar’).theiaStickySidebar({
- additionalMarginTop: 10
- });
- });
其它的就不说了,以后出问题再来借鉴。这里顺便感谢下半夜提供帮助的”久伴博客“,果然是大师。
文章不错非常喜欢,支持
侧栏没有跟随啊
是跟随过界,当然本站的首页还存在点问题,还在研究中。