当前位置: 首页 > learning > 正文

最近在弄 Theia Sticky Sidebar v1.6.0 来实现侧栏跟随的实践,原来在zba的侧栏跟随js,放到tp主题之后,发现有些异常,其实在前天的wordpress主题mumu上面也是遇到了,现在想想,果然是细节决定成败。

侧栏跟随之异常描述

header 引用了js文件,js文件里面也匹配了侧栏的类名称,侧栏也可以正常滑动,但是滑动到下面的时候,发现可以无线往下面滑动。如果滑动的速度比较快,可以滑倒footer模块那里,正常显示,如果是慢慢的滑动,则侧栏可以无限往下面滑动。

侧栏跟随效果实现必须要注意的位置

一是js里面要写完成的侧栏类名称,必要正确;二是侧栏的这个类不能使用margin-top之类的css,如果使用了,那么会导致js计算高度的时候,永远计算不到底部,速度够慢的滑动会无限进行下去。

  1. $(document).ready(function() {
  2.     $(‘#sidebar’).theiaStickySidebar({
  3.         additionalMarginTop: 10
  4.     });
  5. });

其它的就不说了,以后出问题再来借鉴。这里顺便感谢下半夜提供帮助的”久伴博客“,果然是大师。

使用sticky.js后侧栏跟随不正常之优化:目前有 3 条评论

  1. 头条新闻
    板凳
    头条新闻

    文章不错非常喜欢,支持

  2. 从良未遂
    沙发
    从良未遂

    侧栏没有跟随啊

    • LinSan
      LinSan

      是跟随过界,当然本站的首页还存在点问题,还在研究中。

发表评论

gravatar

? razz sad evil ! smile oops grin eek shock ??? cool lol mad twisted roll wink idea arrow neutral cry mrgreen

快捷键:Ctrl+Enter