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

最近在弄 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后侧栏跟随不正常之优化

赞 (0) 打赏

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. 头条新闻文章不错非常喜欢,支持回复
  2. 从良未遂侧栏没有跟随啊回复
    • LinSan是跟随过界,当然本站的首页还存在点问题,还在研究中。回复

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏