使用sticky.js后侧栏跟随不正常之优化

LinSan2020年02月14日learning, ,
3条 140次

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

使用sticky.js后侧栏跟随不正常之优化

侧栏跟随之异常描述

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

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

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

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

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

avatar

目前评论:3   其中:访客  2   博主  1

    • avatar 从良未遂 2

      侧栏没有跟随啊

        • avatar LinSan Admin

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

        • avatar 头条新闻 0

          文章不错非常喜欢,支持

        发表评论

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